reactjs - CRA 2.0 如何在 React 中设置代理？

Question

在 CRA 2.0 中，package.json 上的代理属性不起作用。经过一番研究，我发现了一篇建议使用http-proxy-middleware. 我在setupProxy.js客户端文件夹（React 端）的 src 中创建了一个。包含以下代码

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  console.log("Setup proxy is ever called");
  app.use(proxy("/api/auth/google", { target: "http://localhost:5000/" }));
};

这之后我该怎么办。我应该在哪里导入setupProxy.js文件。从哪里接收app。

Answer 1

in的proxy值在package.jsonCRA 2 中仍然有效，但它现在只接受一个字符串，更复杂的代理选项必须src/setupProxy.js像你做的那样输入。但要小心，如果您将proxy财产留在package.jsonCRA 中，将使用该财产并忽略您的setupProxy.js文件。

您无需在setupProxy.js任何地方导入，只要在src.

不要担心app从哪里来，该变量将在运行时提供。

您的示例将起作用，我已经尝试过了（只要您从中删除旧的代理字符串package.json）。但是console.log不会记录到终端（我不知道为什么）。

进一步阅读，引入此更改的 PR：https ://github.com/facebook/create-react-app/pull/5073