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.  对响应数据做相关的业务处理(仅供参考)

这里只做了基础的业务处理,各位星友可以根据自己具体的业务要求进行封装,遇到有趣的业务时欢迎在评论区分享。后面我也会整理一些我常遇到的业务,再续写一篇业务封装的文章

三、使用

在调用后端接口时,经常会遇到同一种的请求方式,参数类型多种的情况,所以我们可以在使用之前再进行一层封装。在这里就不过多讲述了,有需要的星友们可以在评论区,或者私信我,到时统计一下,再具体看看要不要出一篇文章单独讲述。



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。