美文网首页
如何写一个axios的拦截器

如何写一个axios的拦截器

作者: 木羽木羽女口生 | 来源:发表于2021-02-15 10:52 被阅读0次

import axios from "axios";
import { Message } from "element-ui";
import router from "@/router";

axios.interceptors.response.use(success=>{
//成功调用到后端的接口,但是后端告诉你业务逻辑错误
if(success.status && success.status == 200){
if(success.data.code == 500 || success.data.code == 401 || success.data.code == 403){
Message.error({message:success.data.message})
return
}

  if(success.data.message){
    Message.success({message:success.data.message})
  }
}
return success.data

},error => {
//完全的错误,后端的接口都没有调用到
if(error.response.code == 504 || error.response.code==404){
Message.error({message:'服务器被吃了!!!'})
}else if(error.response.code == 403){
Message.error({message:"权限不足,请联系管理员!"})
}else if(error.response.code ==401){
Message.error({message:'尚未登录请登录'})
router.replace('/')
}else{
if(error.response.data.message){
Message.error({message:error.response.data.message})
}else {
Message.error({message:'未知错误!!!!'})
}
}
})

这里还用到了element-ui,所以你要提前安装这个插件。

相关文章

网友评论

      本文标题:如何写一个axios的拦截器

      本文链接:https://www.haomeiwen.com/subject/wdspxltx.html