node.js - package.json 中的代理不影响获取请求

Question

我正在尝试使用 React 从开发服务器获取一些数据。

我在 localhost:3001 上运行客户端，在 port 3000 上运行后端。

获取请求:

 const users = fetch('/api/users');
    users.then((err,res) => {
      console.log(res);
    })

当我运行我的开发服务器和 webpack-dev-server 时，我得到以下输出:

GET http://localhost:3001/api/users 404 (Not Found)

我尝试在 package.json 中指定代理，以便它将请求代理到 API 服务器，但是没有任何改变。

这是我的 package.json 文件:

.. 和 webpack.config :

如果您需要查看我的项目中的其他内容，请告诉我。很抱歉，如果我遗漏了什么并且不够彻底，我对使用这些技术还是很陌生。

Answer 1

您可以修改您的获取请求 API url 以提供完整的主机名，因为

 fetch('http://localhost:3000/api/users') 

还要确保您在后端启用了 CORS

如果你想通过 webpack 重定向，你可以试试 devServer.proxy as

devServer: { 
    inline: true, 
    contentBase: './dist', 
    port: 3001, 
    proxy: { "/api/**": { target: 'http://localhost:3000', secure: false }  }
 }