欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue前端面试题总结(九)Axios拦截详解

程序员文章站 2022-04-19 16:37:18
...

Axios拦截

axios拦截分为请求式拦截跟响应式拦截

  • request请求拦截器:发送请求前统一处理,如:设置请求头headers等。
  • response响应拦截器:有时候我们要根据响应的状态码来进行下一步操作

Axios请求式拦截

axios.interceptors.request.use(config => {
  config.interceptors = '请求拦截器'
  return config
}, function(error) {
 
})

Axios响应式拦截

// http response 拦截器
instance.interceptors.response.use(
  response => {
    //拦截响应,做统一处理 
    if (response.data.code) {
      switch (response.data.code) {
        case 1002:
          store.state.isLogin = false
          router.replace({
            path: 'login',
            query: {
              redirect: router.currentRoute.fullPath
            }
          })
      }
    }
    return response
  },
  //接口错误状态处理,也就是说无响应时的处理
  error => {
    return Promise.reject(error.response.status) // 返回接口返回的错误信息
  })
相关标签: 面试 javascript