vue-axios interceptors(拦截器)方法介绍

1、安装

npm i axios

2、引入

import axios from 'axios';

3、interceptors代码

//headers加参数
axios.interceptors.request.use(config => {
  config.headers.common["Authorization"] = token
  return config;
});
//响应拦截器即异常处理
axios.interceptors.response.use((response, config) => {
  //请求成功
  if (response && response.data.code == 10000 || response.data.code == 1) {
      return response
  } else {
      Message.warning({ message: response.data.message });
      return Promise.reject(response);
  }
  //请求失败
}, err => {
  if (err && err.response) {
    switch (err.response.status) {
      case 401:
        Message({
            type: "error",
            message: err.response.data.Message
        });
        window.location.href = '/login'
        break;
      default:
       Message({
           type: "error",
           message: err.response.data.Message
       });
    }
  } else {
      Message({
          type: "error",
          message: '服务器出错，请联系管理员！'
      });
  }
  return Promise.resolve(err.response)
});

以上是编程学习网小编为您介绍的“vue-axios interceptors(拦截器)方法介绍”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。