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