在vue中配置axios的响应拦截器

复制代码
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: "未知错误"})
        }
    }
    return;
})

let base = ''

export const postRequest = (url, params)=>{
    return axios({
        method: 'post',
        url: `${base}${url}`,
        data: params
    })
}
复制代码

 

posted @   Gazikel  阅读(239)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
历史上的今天:
2020-08-04 Java日志第30天 2020.8.4
点击右上角即可分享
微信分享提示