当前位置:首页 » 《关于电脑》 » 正文

Vue3 Axios封装

5 人参与  2024年10月09日 18:40  分类 : 《关于电脑》  评论

点击全文阅读


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

一、安装Axios

npm install axios

二、封装request.js 文件 

1. 新创建一个实例

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

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

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

② 响应拦截器

③ 导出模块

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

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

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

三、使用

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


点击全文阅读


本文链接:http://zhangshiyu.com/post/169698.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1