Axios PUT 和 DELETE 方法导致 404 错误（反应）

Question

我在尝试使用 Axios 发出 PUT 或 DELETE 请求时收到 404 错误。我通过删除 useForm 挂钩简化了我的代码，并尝试向请求添加自定义配置但无济于事。 Axios POST 和 GET 请求正在运行。

import axios from "axios";

export default function Test() {
  const obj = JSON.parse(localStorage.getItem('user'));
  const email = obj[0].email;
  const firstName = obj[0].firstName;
  const lastName = obj[0].lastName;
  const password = obj[0].password;
  const dateOfBirth = obj[0].dateOfBirth;
  const gender = obj[0].gender;
  const id = obj[0].id;
  const URL = "http://localhost:5000/users?email=" + email;

  const onSubmit = (e) => {
    e.preventDefault();
    axios.delete(URL, {data:{
      firstName: firstName, 
      lastName: lastName, 
      email: email, 
      password: password, 
      gender: gender,
      dateOfBirth: dateOfBirth,
      id: id,
    }, headers:{Authorization: "token"}})
    const response = axios.get(URL)
    return (response.data)
  }

  return (
    <form onSubmit={onSubmit}>
      <button type="submit">DELETE ACCOUNT</button>
    </form>
  )
}

我使用的是 axios 版本 0.27.2 和 React 版本 18.0。

Answer 1

我安装了 Postman 并尝试发出 GET、POST 和 PUT 请求。

虽然我可以从“http://localhost:5000/users?email={email}”的 URL 发出 GET 请求，但我无法在没有收到 404 错误的情况下发出 PUT 或 DELETE 请求未找到。

我将 URL 更改为“http://localhost:5000/users/{id}”并且不再收到任何 GET、PUT 或 DELETE 错误。我还没有尝试过所有方法，但是，我相信 id 可能是最佳做法。

我仍然不知道为什么使用密钥会导致 404 错误。

Axios PUT 和 DELETE 方法导致 404 错误（反应）

Axios PUT and DELETE methods resulting in 404 error (React)

reactjs

axios