Невозможно получить данные API с помощью axios

Я пытаюсь создать простой логин, используя API, но постоянно сталкиваюсь с ошибками

import React from "react";
import { useState } from "react";
import axios from "axios";
import { useNavigate } from "react-router-dom";

export default function Login() {
  const navigate = useNavigate();
 
  const [formData, setFormData] = useState({
    uid: "",
    password: "",
    blocked: 0
  });
 

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log(formData);
     const data = JSON.stringify(formData);
     console.log(data);

    axios
      .post("https://myphysio.digitaldarwin.in/api/login/", data)
      .then(function (response) {
        console.log(response);
        console.log("Successfully Logged in ");
    
       navigate("/success");
      
      })
      .catch(function (error) {
        console.log(error);
      });
  };
 
  return (
    <form onSubmit={handleSubmit}>
      <h3>Login</h3>

      <div className="form-group">
        <label>uid Name</label>
        <input
         
          name="uid"
          className="form-control"
          placeholder="Enter your uid Name"
          value={formData.uid}
          onChange={(e) => setFormData({ ...formData, uid: e.target.value })}
        />
      </div>

      <div className="form-group">
        <label>Password</label>
        <input
          type="password"
          name="password"
          className="form-control"
          placeholder="Enter password"
          value={formData.password}
          onChange={(e) =>
            setFormData({ ...formData, password: e.target.value })
          }
        />
      </div>

      <button type="submit" className="btn btn-primary btn-block">
        Submit
      </button>
    </form>
  );
}

Ошибка, с которой я продолжаю сталкиваться, следующая console log of error

POST https://myphysio.digitaldarwin.in/api/login/ 500 (Внутренняя ошибка сервера)

Ошибка: Сетевая ошибка at createError (createError.js:16:1) at XMLHttpRequest.handleError (xhr.js:117:1)

POST https://myphysio.digitaldarwin.in/api/login/ net::ERR_CONTENT_LENGTH_MISMATCH 500 (Внутренняя ошибка сервера)

можете попробовать поставить функцию handlesubmit на нажатие кнопки subm,it и проверить работает ли она? спасибо

Все ваши ошибки приходят из бэкенда, поэтому я предлагаю вам разместить вопрос в разделе django (я посмотрел на ссылку и я был django framework, поэтому я предполагаю, что вы используете django). Возможно, вы не хотите структурировать ваши FormData (обычно принято отправлять json в запросе post).

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