Ошибка POST http://localhost:8000/api/project/create/ 400 (Bad Request) при отправке POST-данных из приложения React с помощью fetch() в Django API
Я работаю над простым приложением DRF + ReactJS, но когда я столкнулся с выполнением POST данных из приложения React в Django API, эта ошибка происходит на веб-консоли POST http://localhost:8000/api/project/create/ 400 (Bad Request)
и она говорит, что проблема на моем Create.jsx
Это мой Create.jsx
файл:
import React, { useState, useEffect} from 'react'
import { useNavigate } from 'react-router-dom'
import axios from 'axios'
const Create = () => {
const history = useNavigate()
const [title, setTitle] = useState("")
const [body, setBody] = useState("")
const createProject = async () => {
fetch('http://localhost:8000/api/project/create/', {
method: "POST",
headers: {
'Content-Type': 'application/json'
},
title: JSON.stringify(title),
body: JSON.stringify(body),
})
console.log('title', title)
console.log('BODY', body)
}
return (
<div className="create-project">
<p>
<input type="text" onChange={e => setTitle(e.target.value)} value={title} ></input>
<textarea type="text" onChange={e => setBody(e.target.value)} value={body}></textarea>
<button onClick={createProject}>Submit</button>
</p>
</div>
)
}
export default Create
А это APIView в django: views.py
class CreateProject(CreateAPIView):
queryset = Project.objects.all()
serializer_class = ProjectSerializer
urls.py при необходимости:
path('project/create/', CreateProject.as_view(), name="create-project"),
**изменить : **
headers: {
'Content-Type': 'application/json'
},
**То : **
headers: {
'Accept': 'application/json,
'Content-Type': 'application/json'
},
Я думаю, что ваша проблема в корсе
используйте заголовок cors для возможности вызова конечных точек