Ошибки при использовании axios в приложении django + vue

Я создал приложение с vue в качестве переднего плана и django в качестве заднего, теперь я пытаюсь заставить их взаимодействовать с axios, у меня есть это в моем settings.py

...
CORS_ORIGIN_ALLOW_ALL = True
INSTALLED_APPS = [
    ...
    'rest_framework',
    'corsheaders',
    ...
]
MIDDLEWARE = [
    ...
    'django.middleware.common.CommonMiddleware',
    'corsheaders.middleware.CorsMiddleware'
]

если я захожу на localhost:8000/API/questions я могу POST новые данные или GET.

Во фронтенде у меня есть это в файле API.js

import axios from 'axios'

const api = axios.create({
    baseURL: 'http://127.0.0.1:8000/API/',
    timeout: 1000,
    withCredentials: false,
    headers: {
      'Access-Control-Allow-Origin' : '*',
      'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',   
    }
});

export const getQuestions = async function() {
    const response = await api.get('questions/');
    return response.data;
}

Когда я вызываю свою функцию, появляется эта ошибка

Access to XMLHttpRequest at 'http://127.0.0.1:8000/API/questions/' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.

GET http://127.0.0.1:8000/API/questions/ net::ERR_FAILED

Uncaught (in promise) Error: Network Error
    at createError (createError.js?2d83:16)
    at XMLHttpRequest.handleError (xhr.js?b50d:84)

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