我可以得到邮递员的回应，但不能得到 axios

Question

我启动了一个全栈应用程序。我在后端部分编写了模型和路由器。在前端部分，我安装了 axios 并将 "proxy": "http://localhost:xxxx/api" 添加到 package.json 文件。当我向邮递员发送获取请求时，它会回复我数据。但是当我转到 http://localhost:xxxx 时，在 chrome 控制台上显示“AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST'”。 =13=]

这是我的 package.json 文件的最后一行；

}, "proxy": "http://localhost:8800/api"
}

这是我的路由器；

router.get("/", async (req,res) => {
    try {
        const pins = await Pin.find();
        res.status(200).json(pins);
    } catch (err) {
        res.status(500).json(err)
    }
});

它是我的前端 app.js useEffect 代码：

useEffect( () => {
    const getPins = async () => {
      try {
        const res = await axios.get("/pins");
        setPins(res.data);
      } catch (err) {
        console.log(err);
      }
    };
    getPins();
  }, []);

感谢帮助

Answer 1

与其尝试 ping axios.get("/pins")，不如尝试 ping axios.get("/")`

我相信您会收到 404 not found on the route，因为您的前端和后端路由不匹配。

Answer 2

我重新启动了Visual Studio代码，问题解决了。

我可以得到邮递员的回应，但不能得到 axios

I can get response with postman but cannot get with axios

javascript

node.js

reactjs

axios