React 多域名跨域解决方案：config-overrides.js 正式环境配置

如果你使用的是 React 应用的 config-overrides.js 文件来处理多个域名的跨域问题，并且想要在正式环境下应用这些配置，可以按照以下步骤进行配置：

1. 首先，在你的 config-overrides.js 文件中引入 http-proxy-middleware 库：

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

2. 然后，定义你的多个代理配置。每个配置都需要指定目标 URL 和路径匹配规则。示例如下：

const proxy1 = createProxyMiddleware('/api1', {
  target: 'http://api1.example.com',
  changeOrigin: true,
});

const proxy2 = createProxyMiddleware('/api2', {
  target: 'http://api2.example.com',
  changeOrigin: true,
});

上述示例中，'/api1' 路径将会被代理到 'http://api1.example.com'，'/api2' 路径将会被代理到 'http://api2.example.com'。

3. 接下来，根据你的环境进行判断，并将相应的代理配置添加到 Webpack 配置中。示例如下：

module.exports = function override(config, env) {
  // 判断当前环境是否为正式环境
  if (env === 'production') {
    config.proxy = {
      '/api1': proxy1,
      '/api2': proxy2,
    };
  }

  return config;
};

上述配置将在正式环境下应用代理配置。

4. 最后，确保你在正式环境下使用正确的构建命令，例如 npm run build，以生成用于生产环境的打包文件。

请注意，以上配置基于使用 config-overrides.js 文件来覆盖默认配置的情况。如果你使用其他自定义配置，请根据具体情况进行相应调整。另外，确保在生产环境中使用合适的构建命令以正确应用配置。