vue全家桶配置反代
在运行前后的分离的项目时，有时候工程化前端项目需要打包后才能运行，此时使用传统的nginx反代方式就会非常的麻烦。此时就可以用到html-webpack-plugin这款插件。在vue全家桶中，已经集成了这款插件，并且进行了封装。
打开项目名\config\index.js文件，在dev配置下找到proxytable选项，原理类似nginx参照配置即可，附上一份配置文件。
proxyTable: {
'/api': {
target: 'http://10.0.0.90:8999',//反代的IP地址
pathRewrite: {
'^/api': ''
},//把/api目录反代到/根目录下
changeOrigin: true,//改变请求头
secure: false//是否安全-关系到是否可以使用HTTPS协议
},
'/socket.io': {
target: 'http://172.16.115.2',
ws: true,//为socket.io开启ws转发
},
}
vue其实用的是http-proxy-middleware这个插件，官方文档见https://github.com/chimurai/http-proxy-middleware
