axios 错误状态码封装
时间: 2023-08-20 14:05:41 浏览: 86
解决vue axios的封装 请求状态的错误提示问题
Axios错误状态码封装可以借助封装公共错误请求函数来实现。通过捕获Axios的catch方法中的error参数,可以获取到error.response.status,即请求返回的状态码。可以将这个状态码作为参数传入封装的错误处理函数errorHandle中,根据状态码进行相应的处理。在errorHandle函数中,可以根据状态码从一个错误码映射表中获取对应的错误信息,然后使用通知组件进行提示。这样可以统一处理错误状态码,并进行相应的提示和处理。例如,可以在某一个请求当中使用错误请求函数进行封装:
axios.get('api/xxxx').then(res => {
console.log(res); // 请求成功返回数据
}).catch(errorHandle); // errorHandle为封装公共回调这样,在请求出错时,就会自动触发errorHandle函数进行错误处理。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [axios请求失败,获取状态码及错误信息,如何封装处理公共错误码的函数](https://blog.csdn.net/qq_34648151/article/details/114881918)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]
阅读全文