前后端分離開發時，有時候會遇到跨域的情況：只在開發的時候存在跨域，項目上線后，由於配置的域名相同，跨域就會不存在。
這個時候，有兩種方案可以比較快的解決：
1、利用h5的特性，使用cors，在ngnix服務器上設置header：Access-Control-Allow-Origin的值為 *(或者目標域名)允許跨域。
2、在我們的本地開發服務器上設置代理。
這里主要介紹使用vue-cli創建項目后，怎樣配置本地服務器的代理，成功通過本地服務器代理請求數據的解決方案。
解決方案
進入config/index.js中，在dev屬性中添加proxyTable的設置。
假設我現在需要將我本地的http://localhost:8080/somepath代理到目標地址http://a.b.com/otherpath 下，那么我就可以這樣做：
module.exports= {
dev: {
proxyTable: {
'/somepath': {
target: 'http://a.b.com',
changeOrigin: true,
pathRewrite: {
'^/somepath': '/otherpath'
}
}
}
}
}
我的vue多頁面系列的其他博客鏈接：