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

【问题标题】：CRA 2.0 How to setup proxy in React?CRA 2.0 如何在 React 中设置代理？
【发布时间】：2018-11-24 06:51:14
【问题描述】：

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

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。

【问题讨论】：

标签： reactjs http-proxy-middleware

【解决方案1】：

package.json 中的 proxy 值在 CRA 2 中仍然有效，但它现在只接受一个字符串，更复杂的代理选项必须像您所做的那样放在 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

【讨论】：