webpack.config怎么配置跨域代理

你可以在webpack.config.js文件中使用devServer的proxy选项来配置跨域代理。以下是一个示例配置：

module.exports = {
  // ...其他配置项

  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com',  // 设置代理目标
        changeOrigin: true,  // 修改请求头中的host字段为目标URL的host字段
        pathRewrite: {
          '^/api': ''  // 将请求路径中的/api前缀去掉
        }
      }
    }
  }
};

在上述配置中，所有以`/api`开头的请求都将被代理到`http://api.example.com`。例如，当你发送一个请求`/api/user`时，它将被代理到`http://api.example.com/user`。

`changeOrigin: true`选项将修改请求头中的host字段为目标URL的host字段，以确保后端服务器能够正确识别请求。`pathRewrite`选项允许你重写请求路径，这里的配置将`/api`前缀去掉。

你可以根据自己的实际需求进行配置，例如添加更多的代理规则或修改代理目标。记得在修改完配置后重新启动webpack服务器。