寫個(gè)簡(jiǎn)單的vue請(qǐng)求過(guò)濾器,提供給小白看看,大神略過(guò)
import axios from 'axios';
import Vue from 'vue';
//一般我們的接口請(qǐng)求都需要一個(gè)token驗(yàn)證讹蘑,放在request的headers遵岩;(多寫點(diǎn))
function getToken(){
return sessionStorage.getItem('token')//這里的token就是登錄之后支竹,給的token
}
const service = axios.create({
baseUrl:'/apply',//這里是請(qǐng)求接口的基本url
timeout: 5000//請(qǐng)求超時(shí)
})
service.interceptors.request.use(
config => {
//這里添加請(qǐng)求的頭部headers
//判斷是否有token
if(getToken()){
config.headers['token'] = getToken();
config.headers['ContentType'] = 'application/json;charset=UTF-8';
}
return config;
},
err=>{
return Promis.reject(err);
}
)
service.intercepters.response.use(
response=>{
let res = response.data;
return Promise.resolve(res);
},
err=>{
//這里可以根據(jù)一些status code來(lái)判斷返回的錯(cuò)誤信息
return Promise.reject(err)
}
)