Django + Vue 403 Forbidden Error On axios.get

Я пытаюсь зарегистрировать пользователя, но Django rest API не может увидеть текущий jwt-токен регистрируемого пользователя и я получаю ошибку 403. API работает нормально на Postman со всеми аспектами аутентификации. Я попробовал несколько предложенных решений, но они, похоже, не работают.

• Попытка 1

axios.defaults.headers.common["authorization"] =
    "Bearer " + localStorage.getItem("jwt");

await axios.get(api-link)

• Попытка 2

axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";

axios.defaults.xsrfCookieName = "csrftoken";

axios.defaults.withCredentials = true;

await axios.get(api-link)

• Попытка 3

await axios.get(api-link.{
 {
  headers:{header stuff}
},
{withCredentials: true}
)

(В основном добавление заголовков и учетных данных внутри запроса get)

• Django settings.py

Я не смог найти стандарт для этого, в настоящее время я использую этот для тестирования:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework',
    'rest_framework.authtoken',
    'corsheaders',
    'users',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]


CORS_ALLOW_ALL_ORIGINS = True
CORS_ALLOW_CREDENTIALS = True
CORS_ALLOWED_ORIGINS = ['http://127.0.0.1:8000', 'http://localhost:8000']


REST_FRAMEWORK = {
    'DEFAULT_PARSER_CLASSES': [
        'rest_framework.parsers.JSONParser',
    ]
}


CSRF_COOKIE_NAME = "XSRF-TOKEN"

Вернуться на верх