axios請求攔截器與響應攔截器


//攔截器: 在請求或響應被處理前攔截
//請求攔截器 響應攔截器
export default {
name: 'interceptor'
created() {
//請求攔截器
axios.interceptors.request.use(config => {
//在發送請求前做些什么
return config
}, err => {
//在請求錯誤的時候做些什么 為到達后端
return Promise.reject(err)
})
//請求前的回調函數
//響應攔截器
axios.interceptors.response.use(res => {
//請求成功響應數據進行處理
return res
}, err => {
//響應錯誤做些什么
return Promise.reject(err)
})
// axios.get().then().catch(res = >{})
// 取消攔截器(了解)
let interceptors = axios.interceptors.request.use(config => {
config.headers = {
auth: true
}
return config
})
axios.interceptors.request.eject(interceptors)
//例子 登錄狀態 (token: '') 需要登錄的接口
let instance = axios.create({})
instance.interceptors.request.use(config => {
config.headers.token = ''
return config
})
// 訪問不需要token的接口
let newInstance = axios.create({})
// 移動端開發 等待樣式
let instance_phone = axios.create({

})
instance_phone.interceptors.request.use(config => {
$('#model').show()
return config
})
instance_phone.interceptors.response.use(res => {
$('#model').hide()
return res
})
},
methods: {

}
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM