【问题标题】:axios request failed with status 404axios 请求失败,状态为 404
【发布时间】:2022-11-13 09:51:30
【问题描述】:

我的前端部分出现 axios 代码 404 错误,这是代码

    const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
  
  const submitHandler = async (e) => {
    e.preventDefault();
    try {
      console.log(username, password)
      const { data } = await axios.post('/api/users/signin', {
        username,
        password,
      });
      console.log(data);
    } catch (error) {
      console.log(error);
    }
    
  }

我收到 POST http://localhost:3000/api/users/signin 404(未找到),axios 请求失败,状态为 404。虽然我在 VScode 中使用其余客户端使用该 api,但我得到的响应是我期待,但不知何故,当我试图在我的前端部分使用它时,我得到了错误。

我还用了一个 "代理": "http://localhost:5000", 在我的 package.json 文件中

【问题讨论】:

  • 你可能想检查后端的 url

标签: reactjs axios


【解决方案1】:

在前端创建一个文件,该文件将返回后端的基本 url,如下所示:

export const baseURL = "http://localhost:3500";

然后在您的请求中使用它。它可能不完全是解决方案,但这是我在开发时所做的。

【讨论】:

    【解决方案2】:

    nvm 我已经解决了这个问题。我只是用cors代替。我只是想知道为什么会出现此错误,但在上一个项目中,我只是在 FE 文件夹中的 package.json 中添加了一个代理,并且没有问题..

    编辑:

    我刚刚安装了 cors 来解决这个问题。

    【讨论】:

    • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
    猜你喜欢
    • 2021-04-10
    • 2020-04-05
    • 1970-01-01
    • 2019-08-15
    • 1970-01-01
    • 2013-04-10
    • 2023-01-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多