使用vue-cli proxyTable进行反向代理，解决跨域问

开发项目，在前后端联调的时候肯定是会遇上跨域的问题的。

vue-cli脚手架搭建的工程中，在config/index.js文件中可以利用预留的proxyTable一项，设置地址

proxyTable: {

'/api': {

target:'http://www.example.com', // 你的目标主机

changeOrigin:true,// 虚拟托管站点所需

pathRewrite: {

'^/api':''// 重写路径

}

}

}

然后使用http-proxy-middleware插件对api请求地址进行代理

Object.keys(proxyTable).forEach(function (context) {

varoptions = proxyTable[context]

if(typeofoptions ==='string') {

options = { target: options }

}

app.use(proxyMiddleware(options.filter || context, options))

})