Vue webpack配置跨域的基本配置和問題的注意

1，首先進行一個ProxyTable的一個配置，以下圖《正確的配置》

 

二、將這個配置的文件導入進config/index.js

let proxyConfig = require('./proxyConfig')

proxyTable: proxyConfig.proxyList,
 

三、接口裏的URL地址設置

 

 

 

注意事項：

這裏須要注意的是配置代理的別名，別名注意不要使用駝峯，不要使用駝峯，不要使用駝峯，重要的事說三遍，根據測試首字母大寫是能夠的，

下面那個pathRewrite裏面的代理別名根據狀況進行置空或作其餘操做，

代理別名basesamples千萬不能和路由的地址有重複，不能重複，不能重複，三遍額，若是重複了，你跨域是解決了，可是你刷新的時候，就會報404，這是由於這裏代理截止把你的那個路由裏的basesamples這個單詞置空了因此就找不到了。