Преобразование реакта с помощью редиректа django
У меня есть два проекта react (localhost:3000, localhost:3001) и сервер Django (localhost:8000), запущенный в моей локальной среде. Я хочу использовать API, вызывающий порт 3001, используя функцию ниже в порту react 3000 как функцию перенаправления django.
перенаправление функции кнопки localhost:3000 вызывает localhost:3001 в ReactAPP
const getProject = () =>{
console.log('go localhost:3001')
axios.post('http://localhost:8000/user/Dashboard')
.then(res => {
setauth(true)
})
}
View from "http://localhost:8000/user/Dashboard" in django
def getDashBoard(request):
return redirect('http://localhost:3001')
settings.py
ALLOWED_HOSTS = ['localhost','127.0.0.1']
CORS_ALLOWED_ORIGINS = ["http://localhost:8000"
"http://localhost:3001",
"http://localhost:3000",
"http://127.0.0.1:3000",
"http://'127.30.1.47':3000"]
CORS_ORIGIN_WHITELIST = ['localhost']
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True
CSRF_COOKIE_SAMESITE = 'None'
SESSION_COOKIE_SAMESITE = 'None'
Опция withCredentials необходима, потому что я хочу продолжить работу над проектом, используя токен Куки в будущем.
Но
Появляется следующая ошибка.
Access to XMLHttpRequest at 'http://localhost:3001/' (redirected from
'http://localhost:8000/user/Dashboard') from origin 'http://localhost:8000' has been
blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the
response must not be the wildcard '*' when the request's credentials mode is 'include'
. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the
withCredentials attribute.
Я хочу изменить 'Access-Control-Allow-Origin' при вызове 3001 в ReactAPP, но не могу придумать способ.
Пожалуйста, помогите, если я пытаюсь сделать это неправильно.