API解决代理跨域问题-devServer

设置代理的前提条件：

1. 需要使用本地开发插件：webpack-dev-server

2. webpack-dev-server使用的是http-proxy-middleware来实现跨域代理的

   vue-cli中可以设置 vue.config.js
   module.exports = {
   //… devServer: {
   proxy: { ‘/api’: {
   target: ‘http://www.baidu.com/‘,
   changeOrigin: true, // target是域名的话，需要这个参数，
   secure: false, // 设置支持https协议的代理
   pathRewrite: {‘^/api’ : ‘’},
   },
   }
   }
   };
   配置参数：
   ‘/api’
   捕获API的标志，如果API中有这个字符串，那么就开始匹配代理;
   target
   代理的API地址，就是需要跨域的API地址。
   地址可以是域名,如：http://www.baidu.com
   也可以是IP地址：http://127.0.0.1:3000
   如果是域名需要额外添加一个参数changeOrigin: true，否则会代理失败。
   pathRewrite
   路径重写，也就是说会修改最终请求的API路径。
   比如访问的API路径：/api/users,
   设置pathRewrite: {‘^/api’ : ‘’},后，
   最终代理访问的路径：http://www.baidu.com/users，
   这个参数的目的是给代理命名后，在访问时把命名删除掉。
   changeOrigin
   这个参数可以让target参数是域名。
   secure
   secure: false 不检查安全问题。
   设置后，可以接受运行在 HTTPS 上，可以使用无效证书的后端服务器。
   ws： true
   如果需要代理websocket，配置这个参数，将这个参数设置为true
   参考自：https://segmentfault.com/a/1190000016199721