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

时间:2021-08-04
本文章向大家介绍在vue中配置axios的响应拦截器,主要包括在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
    })
}

原文地址:https://www.cnblogs.com/Gazikel/p/15100928.html