1. 程式人生 > >Vue webpack配置跨域的基本配置和問題的注意

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

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

 


2、將這個配置的檔案匯入進config/index.js

let proxyConfig = require('./proxyConfig')

proxyTable: proxyConfig.proxyList,
 

3、接口裡的URL地址設定

 

 

 

注意事項:

這裡需要注意的是配置代理的別名,別名注意不要使用駝峰,不要使用駝峰,不要使用駝峰,重要的事說三遍,根據測試首字母大寫是可以的,

下面那個pathRewrite裡面的代理別名根據情況進行置空或做其他操作,

代理別名basesamples千萬不能和路由的地址有重複,不能重複,不能重複,三遍額,如果重複了,你跨域是解決了,但是你重新整理的時候,就會報404,這是因為這裡代理截止把你的那個路由裡的basesamples這個單詞置空了所以就找不到了。