axios配合element-ui Message

单独引入 Message：

import { Message } from 'element-ui';

axios响应拦截

注意：如果使用if判断code，code为0时的隐式转换很容易忽略

//配置响应拦截器
axios.interceptors.response.use(response => {
    //解构数据 
    let { code, msg } = response.data;
    switch (code) {
        case 0:
            Message({
                type: 'success',
                message: msg
            });
            break;
        case 1:
            Message.error(msg)
            break;
        case 5001:
            Message.error(msg)
            break;
        default:
            break;
    }
    return response
}, err => {
    //错误信息和正确信息的提示 是产品需求 和 后端沟通的结果！！！ 
    //后台手动把错误信息code 返给前端，让前端进行显示
    let { code, msg } = err.response.data
    switch (code) {
        case 401:
            Message.error(msg)
            break;

        default:
            break;
    }
    //后台打酱油 前端直接拿错误信息渲染
    if (!code) {
        Message.error(err.message)
    }
    // if (err.response.status === 404) {
    //     Message.error('404错误！')
    // }
    return Promise.reject(err)
})