Почему я получаю ошибку 415 {detail: 'Неподдерживаемый тип медиа "applicaton/json" в запросе.'} ошибка

Я делаю запрос post к бэкенду моего фреймворка Django rest, но я продолжаю получать ошибку 415, когда я делаю запрос fetch из React.

Запрос работает отлично, когда я делаю его из Django Rest Framework, но я получаю 415 ошибку, когда я делаю POST запрос из React

views.py

@api_view(["POST"])
def PaymentCreateView(request):

    if request.method == "POST":
        serializer = PaymentSerializer(data=request.data)
            
    if serializer.is_valid():
                
        serializer.save()

    return Response(serializer.data)

Реагировать

const Support = async () => {
     
      const response =  await fetch('http://127.0.0.1:8000/support/payment-create/',{
        method: "POST",
        credentials: "include",
        headers: {
          "Accept": "application/json",
          "Content-Type": "applicaton/json",
        },
        body:JSON.stringify({
          "user": user,
          "email": email,
          "phone_number": phone_number,
          "number_of_apples": number_of_apples,
          "amount": amount,
          "message": message,
          
      })
      })

      let data = await response.json()
      console.log(data)
    }

     useEffect(() => {
        userpage()
      }, [])


      const handleSubmit = (e) => {
        Support()
        e.preventDefault()
    }

ошибка [ошибка][1]



  [1]: https://i.stack.imgur.com/PUWI4.png

У вас опечатка applicaton/json -> application/json

Вам необходимо передать заголовки следующим образом

export const login =(email, password, csrftoken) => async dispatch =>{

const config ={ headers: {
    "Accept": "application/json",
    "Content-Type":"application/json",
    'X-CSRFToken': csrftoken
}

}`

const body = JSON.stringify({email: email, password:password})

axios.post( url, body, config ).then((response)=> {}). catch((err)=>{})

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