在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