uniapp实现axios二次封装
时间: 2023-10-01 22:03:36 浏览: 81
通过对引用和引用的内容进行分析,可以得出uniapp实现axios二次封装的步骤:
1. 在网页端中,创建一个名为requst.js的文件,用于封装axios请求。在该文件中,可以定义一些常用的请求方法,如get和post方法,并对请求进行二次封装,以实现通用提示弹窗和回调功能。
2. 可以创建一个名为rules.js的文件,用于定义一些常用的请求规则,如接口的前缀地址和请求头信息的设置。
3. 在网页端的页面文件(如index.vue)中,引入requst.js和rules.js文件,以便使用其定义的请求方法和规则。
4. 对于需要使用多个域名的接口,可以在页面文件中使用index.vue多域名接口使用的示例进行设置。
5. 如果需要终止请求(cancelToken),可以在页面文件中使用index.vue使用的示例进行操作。
通过以上步骤,就可以实现uniapp中的axios二次封装,并可以根据实际需要进行相应的配置和调用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3 封装一个全局通用弹窗提示组件(利用js调用 类似于element)](https://download.csdn.net/download/qq_43586611/85726320)[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: 33.333333333333336%"]
- *2* [vue axios二次封装,支持多域名设置,支持请求终止(cancelToken),附带uniapp版axios](https://blog.csdn.net/thj13896076523/article/details/126351214)[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: 33.333333333333336%"]
- *3* [uniapp 封装API axios二次封装步骤](https://blog.csdn.net/qq_43770056/article/details/126868256)[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: 33.333333333333336%"]
[ .reference_list ]