react怎么配置代理

在 React 中配置代理非常简单。你可以在 `package.json` 文件中添加一个 `proxy` 字段来指定代理服务器的地址。

例如，如果你想将所有 `/api` 开头的请求代理到 `http://localhost:5000`，你可以在 `package.json` 文件中添加如下代码：

"proxy": "http://localhost:5000"

这个配置告诉 webpack-dev-server 将所有匹配 `/api` 的请求代理到 `http://localhost:5000`。

你也可以在 `src/setupProxy.js` 文件中配置代理。这个文件会在启动开发服务器时被自动加载。例如，你可以在这个文件中添加以下代码：

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:5000',
      changeOrigin: true,
    })
  );
};

这个配置将所有匹配 `/api` 的请求代理到 `http://localhost:5000`。 `changeOrigin` 选项设置为 `true`，以便更改请求头中的 `host` 字段以匹配目标 URL 的域名。