使用webpack解决跨域问题

1 设置代理的前提条件： 
2、需要使用本地开发插件：webpack-dev-server。 
3、webpack-dev-server使用的是http-proxy-middleware来实现跨域代理的。 

module.exports = {
  //...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://www.baidu.com/',
        pathRewrite: {'^/api' : ''},//设置这个会把api替换成空，切记切记。一般可以不设置，看自己需求，需不需要把api替换
        changeOrigin: true,     // target是域名的话，需要这个参数，
        secure: false,          // 设置支持https协议的代理
      },
      '/api2': {
          .....
      }
    }
  }
};

最后：可以参考大神这边博客。里面有详细的参数解析。
https://segmentfault.com/a/1190000016199721