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

Question

在CRA 2.0中，package.json上的proxy属性不起作用。经过研究，我发现有一篇文章建议使用http-proxy-middleware。我在setupProxy.js客户端文件夹的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

中的proxy值在package.jsonCRA 2中仍然可以使用，但是现在它仅接受一个字符串，必须在src/setupProxy.js执行操作时输入更复杂的代理选项。但是要小心，如果将proxy属性保留在package.jsonCRA中，它将使用该属性并忽略您的setupProxy.js文件。

您不需要导入setupProxy.js任何地方，只要它在中，CRA都会找到它src。

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

您已经成功尝试了您的示例（只要您从中删除了旧的代理字符串package.json）。但是console.log不会记录到终端（我不确定为什么）。

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