0


Vue3 Axios封装

Axios中文官网:Axios中文文档 | Axios中文网

一、安装Axios

npm install axios

二、封装request.js 文件

1. 新创建一个实例

1、baseURL:会自动加在 url 前面,除非 url 是一个绝对 URL。它可以通过设置一个 baseURL 便于为 axios 实例的方法传递相对 URL

2、timeout:指定请求超时的毫秒数。如果请求时间超过 timeout 的值,则请求会被中断

2. 添加拦截器
① 请求拦截器

② 响应拦截器

③ 导出模块

  1. 在发送请求之前的业务处理(仅供参考)

  1. 对响应数据做相关的业务处理(仅供参考)

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

三、使用

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


本文转载自: https://blog.csdn.net/yaoson/article/details/140601911
版权归原作者 程序员老尧 所有, 如有侵权,请联系我们删除。

“Vue3 Axios封装”的评论:

还没有评论