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脚手架报“ ./node_modules/axios/lib/core/mergeConfig.js”错误解决方法

vue如何实现数据请求（axios/ajax）

vuejs打包后修改static文件夹下json文件中值但页面上获取不到最新数据

vuejs如何利用$axios调用json模拟数据

react如何实现axios拦截功能（附代码介绍）

标签： axios, vue

上面是“vue-axios interceptors(拦截器)方法介绍”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2168.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！