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