axios 访问和返回拦截，token处理，返回异常统一处理

在axios文件夹中，index.js添加拦截

访问拦截：

 

import store from '../store'

axios.interceptors.request.use(
  config => {
    if (store.state.token) { //判断token是否存在，即是否登录，如果已登录请求时候在head中添加token
      config.headers.common['Authorization']  = 'Bearer '+     store.state.token
    }
    return config
  },
  err => {
    return Promise.reject(err)
  })

 

 

返回数据拦截处理：

 

axios.interceptors.response.use(function (response) {
  // token 已过期，重定向到登录页面，清空用户信息
  if(response.data.Status == 7){
    store.commit("clearUserInfo");
    router.push("/Login");
  }else if(response.data.Status == 6){
    //服务器错误，跳转到服务器错误界面  
    router.push("/PageServer");
  }
  return response
}, function (error) {
  // Do something with response error
  return Promise.reject(error)
})