标签：return err res 前端 else Message 排位 message 日记

axios请求拦截统一后端返回错误代码

src文件同级新建http.js文件
内容如下：

import axios from 'axios'
import { Message, Loading } from 'element-ui';
import router from './router'

axios.defaults.baseURL = process.env.API_ROOT;
axios.interceptors.request.use(config => {
  let token = localStorage.getItem("authorization")
  if (token) {
    config.headers.Authorization = token
  }
  return config;
}, err => {
  Message.error({ message: '请求超时!' });
  return Promise.resolve(err);
})
axios.interceptors.response.use(res => {
  if (res.config.responseType == "blob") {
    return res;
  }
  if (res.data.code == 200) {
    return res;
  } else if (res.data.code == 401) {
    router.push('/login')
    //实现登录过期校验
  } else if (res.data.code == 400) {
    Message.error({ message: res.data.message, duration: 4000 });
    return Promise.reject(res);
  } else if (res.data.code == 500) {
    Message.error({ message: res.data.message, duration: 4000 });
    // console.log( res.data.message);
    return Promise.reject(res);
  }
  Message.error({ message: res.data.message, duration: 4000 });
  return Promise.reject(res);
},, err => {
  if (err.response.status == 504 || err.response.status == 500) {
    Message.error({ message: '服务器出错', duration: 4000 });
  } else if (err.response.status == 403) {
    Message.error({ message: '权限不足,请联系管理员!', duration: 4000 });
  } else if (err.response.status == 404) {
    Message.error({ message: '404,找不到地址!', duration: 4000 });
  } else if (err.response.status == 401) {
    router.push('/login')
  } else if (err.response.status == 502) {
    console.log("502错误")
  } else {
    Message.error({ message: '未知错误', duration: 4000 });
  }
  return Promise.reject(err);
})
export default axios
//具体内容可以根据需求自定义

标签：return,err,res,前端,else,Message,排位,message,日记
来源： https://blog.csdn.net/alfar6054/article/details/121014235

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。