webpack-dev-server代理

webpack-dev-server是一个用于开发环境的轻量级服务器，它可以帮助开发人员在本地进行开发和调试。它还提供了一个代理功能，可以将请求代理到其他服务器。

通过配置webpack.devServer.proxy选项，你可以指定要代理的请求路径和目标服务器。下面是一个示例配置：

module.exports = {
  // ...
  devServer: {
    // ...
    proxy: {
      '/api': {
        target: 'http://api.example.com',
        pathRewrite: {'^/api': ''},
        changeOrigin: true
      }
    }
  }
};

上述配置中，所有以"/api"开头的请求都会被代理到"http://api.example.com"。`pathRewrite`选项用于重写路径，这里将"/api"去掉了。`changeOrigin`选项表示是否改变请求的源。

这样配置后，在开发环境中，你可以通过发送请求到"http://localhost:8080/api"来访问"http://api.example.com"上的数据。

需要注意的是，webpack-dev-server的代理功能只适用于开发环境，不适用于生产环境。在生产环境中，你应该使用真正的反向代理服务器来处理请求转发。