React Axios POST к Django Rest Framework возвращает 405 Метод не разрешен
Я пытаюсь отправить данные из react js в django rest api, но получаю Method Not Allowed (POST)
Settings.py
CSRF_COOKIE_NAME = "XCSRF-TOKEN"
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True
CORS_ALLOW_HEADERS = list(default_headers) + [
'XCSRF-TOKEN',
]
CSRF_TRUSTED_ORIGINS = [
"localhost:3000",
"127.0.0.1:3000",
]
Запрос с аксиос
let token = localStorage.getItem("token");
let csrfCookie = Cookies.get('XCSRF-TOKEN');
let res = await axios.post(url + "/add/card/", /* url is working with postman and django */
data, /* data is a JavaScript Object */
{
withCredentials: true,
headers: {
'X-CSRFTOKEN': csrfCookie,
'Content-Type': 'application/x-www-form-urlencoded',
'Authorization': 'Token ' + token
}
}
);
Итак, я посылаю вот такой заголовок запроса
Accept: application/json, text/plain
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Authorization: Token <token>
Connection: keep-alive
Content-Length: 186
Content-Type: application/x-www-form-urlencoded
Cookie: XCSRF-TOKEN=<token>; sessionid=<token>
Host: 127.0.0.1:8000
Origin: http://127.0.0.1:3000
Referer: http://127.0.0.1:3000/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="92", "Opera GX";v="78"
sec-ch-ua-mobile: ?0
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-site
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 OPR/78.0.4093.153
X-CSRFTOKEN: <token>
Но получаем вот такой ответ headeres
Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: http://127.0.0.1:3000
Allow: GET, HEAD, OPTIONS
Content-Length: 0
Content-Type: text/html; charset=utf-8
Date: Wed, 18 Aug 2021 16:42:26 GMT
Referrer-Policy: same-origin
Server: WSGIServer/0.2 CPython/3.8.3
Vary: Origin
X-Content-Type-Options: nosniff
X-Frame-Options: DENY
Это нерабочее сообщение происходит только с react, потому что я получил url, работающий с postman и django, отправляя те же заголовки и данные