【问题标题】:React; Axios; Getting Error 404 after requesting; The url is exactly the same as the endpoint url反应;爱讯;请求后出现错误 404; url 与端点 url 完全相同
【发布时间】:2017-10-25 16:54:13
【问题描述】:

对于与这篇文章不一致的地方,我深表歉意,因为这是我的第一篇文章。请给我一些提示,告诉我如何更好地提出问题以及我应该包括什么以及我应该省略什么!

我真的不明白为什么我会收到错误 404。我已经做了很多项目,以我使用它的方式使用 axios 和 node。我检查了旧项目,但看不出有什么区别。

这是发出请求的函数。

handleSearch() {
    const tempCSR = [];
    return axios
      .get("/api/search", this.state.tempSearchText)
      .then(response => {
        console.log(response);
        tempCSR.push(response.data);
      })
      .catch(error => {});
    updateCSR(tempCSR);
  }

(这是我的搜索组件中的一个简单搜索功能) 基本上在输入我的搜索输入后,我单击触发此功能的搜索。

我的终点在这里:

app.get("http://localhost:3005/api/search", ic.search);

我尝试将它们命名为相同, 我有一个代理声明在 package.json 中使用“http://localhost:3005”, 我尝试在我的服务器文件夹中的 server.js 中要求 axios, 我在所有前端都导入了 axios。

我只在控制台中得到 GET http://localhost:3000/api/search 404 (Not Found)(或者当我在 axios 请求中输入整个 url 时得到 3005)。

感谢您的宝贵时间!

【问题讨论】:

    标签: reactjs proxy get http-status-code-404 axios


    【解决方案1】:

    我认为错误出在您的 app.get 路由中,您使用的是完整的 url,而您应该只使用该位置。

    app.get("/api/search", ic.search);

    问候, 拉斐尔

    【讨论】:

    • 这基本上就是问题所在!我正在调用整个 url,代理也试图调用我猜这给了我一个错误。
    【解决方案2】:

    您是否确定在 package.json "proxy": "http://yourapi.whatever" 中的位置很好?由于 axios.get() 以这种方式工作,您应该仔细检查 package.json 中的这一行是否写得很好。

    它应该类似于图像:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-17
      • 2013-02-15
      相关资源
      最近更新 更多