封装Axios

Axios是一个基于Promise的易用、简洁且高效的HTTP请求插件,可以用于浏览器和Node.js。
首先执行yarn命令安装依赖,安装成功时在package.json文件的dependencies下多出了Axios及其版本号,笔者写此书时,安装的版本为0.26.1,如所示。

yarn add axios

Axios提供了一个配置灵活的API,可以传递相关配置来创建请求,如下:
可用且常用的配置选项如下:
● url:用于请求的服务器URL。
● method:创建请求时使用的方法。
● baseURL:请求的基地址,若URL配置的不是绝对地址,这个基地址将会附加到URL上。
● headers:自定义请求头配置。
● params:与请求一起发送的URL参数,类似于vue-router的params,将会附加到URL上。
● data:作为请求体被发送的数据,仅适用于'PUT'、'POST'、'DELETE和'PATCH'请求方法。
● timeout:设置请求的超时时间,单位为毫秒。
● withCredentials:设置跨域请求时是否需要使用凭证。
● responseType:设置浏览器将要响应的数据类型。
为了方便,Axios为所有支持的请求方法提供了别名,例如可以通过axios.get发送GET请求,axios.post发送POST请求,axios.delete发送DELETE请求,axios.put发送PUT请求和axios.patch发送PATCH请求,等等,更多选项配置和Axios的详细用法读者可以自行学习,本节不再过多介绍,本节将着重介绍如何对Axios进行封装。

 

posted @   侬侬发  阅读(32)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示