Vuejs 401 неавторизованный с помощью axios из бэкенда django с токеном

я пытаюсь получить данные из django rest backend с помощью axios во vuejs frontend, но каждый раз я получаю эту ошибку. токены совпадают, но авторизация все равно не происходит.

{"message":"Request failed with status code 401","name":"AxiosError","config":{"transitional":{"silentJSONParsing":true,"forcedJSONParsing":true,"clarifyTimeoutError":false},"transformRequest":[null],"transformResponse":[null],"timeout":0,"xsrfCookieName":"XSRF-TOKEN","xsrfHeaderName":"X-XSRF-TOKEN","maxContentLength":-1,"maxBodyLength":-1,"env":{"FormData":null},"headers":{"Accept":"application/json, text/plain, */*","Authorization":"Token838881311c52b89dd937815066e7eb3a3221604c"},"baseURL":"http://127.0.0.1:8000","method":"get","url":"/api/v1/clients/"},"code":"ERR_BAD_REQUEST","status":401}

аксиос выглядит следующим образом

            axios
                .get('/api/v1/clients/')   
                .then(response => {

                    for(let i = 0; i< response.data.length; i++){
                        this.clients.push(response.data[i])
                    }
                })
                .catch(error => {
                    console.log(JSON.stringify(error))
                })
        }

настройки в моем django таковы

ALLOWED_HOSTS = ['*']

CORS_ALLOWED_ORIGINS = [
    "http://localhost:8080",
    "http://127.0.0.1:8000",
]

REST_FRAMEWORK = {
    "DEFAULT_AUTHENTICATION_CLASSES":(
        'rest_framework.authentication.TokenAuthentication',
    ),
    'DEFAULT_PERMISSION_CLASSES':(
        'rest_framework.permissions.IsAuthenticated',
    )
}

При использовании TokenAuthentication в Django Rest Framework, заголовок Authorization должен иметь в качестве значения строку, содержащую ключевое слово Token, за которым следует пустой пробел и после него значение токена. В этом случае соответствующий заголовок должен выглядеть следующим образом:

"Authorization":"Token 838881311c52b89dd937815066e7eb3a3221604c"

При необходимости ключевое слово Token может быть переопределено. Чтобы увидеть некоторые примеры, вы можете взглянуть на https://www.django-rest-framework.org/api-guide/authentication/#tokenauthentication

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