二次封装axios的思路
时间: 2023-09-12 22:04:46 浏览: 107
vue axios基于常见业务场景的二次封装的实现
5星 · 资源好评率100%
二次封装axios的思路是为了能够更好地使用请求拦截器和响应拦截器。首先,创建一个api文件夹,然后在其中创建一个request.js文件用于编写axios的二次封装代码。在request.js中,首先导入axios,并使用axios.create方法创建一个axios实例,配置一些基本属性如基础路径和请求超时时间。接下来,可以对请求拦截器进行操作,通过requests.interceptors.request.use方法,在请求发出之前做一些操作,如设置请求头。然后,可以对响应拦截器进行操作,使用requests.interceptors.response.use方法,对成功和失败的响应进行处理。最后,将requests(axios的二次封装)进行导出,以便在其他地方使用。二次封装axios的目的是为了更好地处理请求和响应,可以在发请求之前和响应返回后进行一些额外的操作或处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [axios二次封装(详细+跨域问题)](https://blog.csdn.net/qq_48968669/article/details/124356249)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue全局loading及错误提示的思路与实现](https://download.csdn.net/download/weixin_38514872/13610587)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文