//config/index.js 文件里
module.exports = {
? ? ?dev{
? ? ? ? proxyTable: {
? ? ? ? ? '/': { //將開(kāi)頭為 ‘/'的接口替換
? ? ? ? ? ? target: 'http://www.hahaha.com/', ?//導(dǎo)向這個(gè)地址
? ? ? ? ? ? changeOrigin: true,
? ? ? ? ? ? ws:true,
? ? ? ? ? ? pathRewrite: {
? ? ? ? ? ? ? '^/': '' ? ?//將開(kāi)頭的斜杠去掉
? ? ? ? ? ? }
? ? ? ? ? },
? ? ? ? ? '/ws/**': { ? //因?yàn)轫?xiàng)目中用到了websocket 所以這里還配置websocket的代理
? ? ? ? ? ? ? target: 'ws://www.hahaha.com',
? ? ? ? ? ? ? ws: true,
? ? ? ? ? ? ? secure: false,
? ? ? ? ? ? ? logLevel: 'debug',
? ? ? ? ? }
? ? ? }
? ? ? ...
? ? }
? ?host: '0.0.0.0', //這里順便一提，把host改成'0.0.0.0‘后可以讓局域網(wǎng)內(nèi)的電腦直接訪問(wèn)項(xiàng)目，默認(rèn)是localhost
? ? ...
}

const http = axios.create({
? baseURL: 'api/',
? timeout: 20000,
}); ? //創(chuàng)建axios對(duì)象
//對(duì)axios對(duì)象響應(yīng)的攔截處理
http.interceptors.response.use((response) => {
//進(jìn)入這里代表請(qǐng)求成功，網(wǎng)絡(luò)請(qǐng)求狀態(tài)碼是200，但是我們要對(duì)請(qǐng)求的內(nèi)容是否成功進(jìn)行判斷
? if (response.data.ErrorCode !== 0) { ? //因?yàn)槲覀冺?xiàng)目里設(shè)定0代表請(qǐng)求成功，所以非零的我們都會(huì)直接reject
? ? return Promise.reject(response.data);
? } ??
? return Promise.resolve(response.data); //ErrorCode為0的直接返回response.data將網(wǎng)絡(luò)的狀態(tài)碼直接過(guò)濾掉
}, (error) => {
//進(jìn)入這里都網(wǎng)絡(luò)狀態(tài)碼非200的，可能是因?yàn)榻涌阱e(cuò)誤，也可能是沒(méi)有token等原因
? if(error.constructor.prototype.name == "Error") { ?//這里判斷返回的是否是錯(cuò)誤對(duì)象，如果是的說(shuō)明是網(wǎng)絡(luò)請(qǐng)求錯(cuò)誤
? ? Message({ showClose: true,
? ? ? message: '網(wǎng)絡(luò)鏈接問(wèn)題或登陸失效！',
? ? ? type: 'error'})
? ? return new Promise(() => {}) //這里我們可以進(jìn)行鏈?zhǔn)疆惒教幚?
? }
? return error.data;//其他請(qǐng)求，說(shuō)明是因?yàn)檎?qǐng)求內(nèi)容錯(cuò)誤了，直接返回錯(cuò)誤內(nèi)容
});
//處理前返回內(nèi)容
{
? ? status: 200
? ? statusText: "OK",
? ? data{
? ? ?? ?ErrorCode: 0,
? ? ? ? token:'xxxx',
? ? ? ? name:'xxxx'
? ? }
}
//處理后返回內(nèi)容
{
? ? ErrorCode: 0,
? ? token:'xxxx',
? ? name:'xxxx'
}

? ? proxy: {
? ? ? //匹配到的路徑
? ? ? "/api": {
? ? ? ? target: "XXXXXXXXX", //目標(biāo)主機(jī)地址
? ? ? ? changeOrigin: true,//是否啟動(dòng)代理
? ? ? ? pathRewrite: {?? ?//重寫(xiě)路徑
? ? ? ? ? "^/api": ''?? ?//如果遇到前綴為'/api'的url，將它重寫(xiě)為''
? ? ? ? }
? ? ? }
? ? }