React 配置代理

在 React 中配置代理可以使用 `http-proxy-middleware` 库来实现。以下是配置代理的步骤：

1. 首先，安装 `http-proxy-middleware` 库：

npm install http-proxy-middleware --save

2. 在 React 项目的根目录下创建一个文件名为 `setupProxy.js` 的文件。

3. 在 `setupProxy.js` 文件中，导入 `http-proxy-middleware` 并配置代理：

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

module.exports = function(app) {
  app.use(
    '/api', // 设置需要代理的请求前缀
    createProxyMiddleware({
      target: 'http://api.example.com', // 设置代理目标地址
      changeOrigin: true, // 修改请求头中的 Origin 属性
      pathRewrite: {
        '^/api': '', // 可选配置，将请求前缀替换为空字符串
      },
    })
  );
};

上述示例中，我们将以 `/api` 开头的请求代理到 `http://api.example.com`。

4. 运行 React 开发服务器时，`setupProxy.js` 文件会自动被加载，并将所有匹配到 `/api` 前缀的请求转发到目标地址。

请根据你的实际需求修改配置中的代理目标地址和请求前缀。配置完成后，你可以在 React 组件中发起以 `/api` 开头的请求，这些请求会被转发到代理目标地址。