前言

今天在寫Vue項(xiàng)目的時候，需要配置axios跨域代理，之后在根目錄下創(chuàng)建了 vue.config.js反復(fù)調(diào)試不生效，之后經(jīng)過一頓排查后，發(fā)現(xiàn)問題所在

檢查script腳本啟動項(xiàng)

項(xiàng)目package.json 腳本配置項(xiàng)目是否為vue-cli-service serve

用 vue-cli-service serve 啟動就會用 vue.config.js；

用 webpack-dev-server 啟動就會用 wepback.config.js（默認(rèn)）。

Wepback.config.dev.js中

proxy: config.dev.proxyTable,

點(diǎn)進(jìn)去在config/index中有proxyTable

然后新增

"/api": {

? ? ? ? target: "http://www.cjnb.top",? ? //要代理訪問的路徑

? ? ? ? ws: false,// 是否啟用websockets

? ? ? ? changeOrigin: true,//開啟代理：在本地會創(chuàng)建一個虛擬服務(wù)端，然后發(fā)送請求的數(shù)據(jù)，并同時接收請求的數(shù)據(jù)，這樣服務(wù)端和服務(wù)端進(jìn)行數(shù)據(jù)的交互就不會有跨域問題

? ? ? ? pathRewrite: {

? ? ? ? ? "^/api": ""http://這里理解成用'/api'代替target里面的地址,比如我要調(diào)用'http://192.168.0.45:8088/user/getuserlist'，直接寫'/api/user/getuserlist'即可

? ? ? ? }

? ? ? }

就能跨域了