axios请求失败，获取状态码及错误信息，如何封装处理公共错误码的函数

如果axios请求失败，如何获取接口返回的状态码及错误信息？如何封装处理公共错误码的函数？

方法如下

1.使用对象，把状态码映射成对应的提示语

const codeMessage = {
    200: '服务器成功返回请求的数据。',
    201: '新建或修改数据成功。',
    202: '一个请求已经进入后台排队（异步任务）。',
    204: '删除数据成功。',
    400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
    401: '用户没有权限（令牌、用户名、密码错误）。',
    403: '用户得到授权，但是访问是被禁止的。',
    404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
    406: '请求的格式不可得。',
    410: '请求的资源被永久删除，且不会再得到的。',
    422: '当创建一个对象时，发生一个验证错误。',
    500: '服务器发生错误，请检查服务器。',
    502: '网关错误。',
    503: '服务不可用，服务器暂时过载或维护。',
    504: '网关超时。',
};

2.封装公共错误请求函数

function errorHandle(error) {
    if (error.response) {
        // The request was made and the server responded with a status code 
        // 请求已发出，服务器用状态代码响应
        // that falls out of the range of 2xx 超出了2xx的范围
        const { status } = error.response;
        if(status){
            const errorText = codeMessage[status]
            // notification 是 Ant Design 蚂蚁金服组件，需要换成自己定义的组件
            notification.error({
                message: `错误码 ${status}`,
                description: `${
                    errorText
                }`,
                duration: 2.5
            });
        }
    } else {
        notification.error({
            message: '请求失败！',
            description: '',
            duration: 2.5
        });
    }
}

3.在公共请求响应拦截器中使用错误请求函数（推荐）

axios.interceptors.response.use(
function(){
	// 接口访问成功公共拦截器
},
function(error){
	// 接口访问失败公共拦截器
	errorHandle(error)
})

4.在某一个请求当中使用错误请求函数（不推荐）

axios.get('api/xxxx').then(res => {
	console.log(res); // 请求成功返回数据
}).catch(errorHandle); // errorHandle为封装公共回调

5.axios catch里面的 error 参数包含
error.response
error.response.headers
error.response.status // 状态码
error.response.data
error.request
error.message
error.config
等等。。。