CRA2.0如何在React中设置代理？

Question

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

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

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

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

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

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

再读一遍，介绍这一变化的PR：https://github.com/facebook/create-react-app/pull/5073