Ошибка сети из react post в django с помощью axios

Мне нужно отправить данные из react в django rest framework, но когда я использую axios для отправки, он говорит, что ошибка сети

pic1

вот мой ui и ошибка справа

const [newf,setf] = useState({
name:"",
describe:"", })

const handleSubmit =(e)=>{
  e.preventDefault();
  let urls ="http://127.0.0.1:8000/api/adddata";
  console.log(newf)
  axios.post(urls,newf).then(function(response){
    console.log(response)}).catch(function(error) {
    console.log(error)
  })
}

function handleinput(e){
  setf({...newf,[e.target.name]:e.target.value})
}

хэндл submit выполняется при нажатии кнопки submit handle input служит для установки значения для input

pic3

и это мой url, который я хочу опубликовать. он может работать в postman

pic4

и это моя страница сообщений в django. он может размещать сообщения на этой странице

class adddata(APIView):
    serializer_class = firstserilizers
    def post(self,request,format = None):
        serializer = self.serializer_class(data=request.data)
        if serializer.is_valid():
            name = serializer.data.get('name')
            describe =serializer.data.get('describe')
            newdata = first(name=name,describe=describe)
            newdata.save()
            return Response(firstserilizers(newdata).data,status=status.HTTP_201_CREATED)

вот мой код, который я использую для создания страницы поста

class first(models.Model):
    name = models.CharField(max_length=100)
    describe = models.TextField()
    
    def __str__(self):
        return self.name

и вот мой models.py

Я новичок в этом и не знаю, как это исправить

разве кто-то не знает?

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