Vue3 Axios封装
程序员老尧 2024-10-19 16:03:01 阅读 89
Axios中文官网:Axios中文文档 | Axios中文网
一、安装Axios
npm install axios
二、封装request.js 文件
1. 新创建一个实例
1、baseURL:会自动加在 `url` 前面,除非 `url` 是一个绝对 URL。它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL
2、timeout:指定请求超时的毫秒数。如果请求时间超过 `timeout` 的值,则请求会被中断
2. 添加拦截器
① 请求拦截器
② 响应拦截器
③ 导出模块
3. 在发送请求之前的业务处理(仅供参考)
4. 对响应数据做相关的业务处理(仅供参考)
这里只做了基础的业务处理,各位星友可以根据自己具体的业务要求进行封装,遇到有趣的业务时欢迎在评论区分享。后面我也会整理一些我常遇到的业务,再续写一篇业务封装的文章
三、使用
在调用后端接口时,经常会遇到同一种的请求方式,参数类型多种的情况,所以我们可以在使用之前再进行一层封装。在这里就不过多讲述了,有需要的星友们可以在评论区,或者私信我,到时统计一下,再具体看看要不要出一篇文章单独讲述。
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。