axios的使用以及封装

时间:2021-6-4 作者:qvyue

一、什么是axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,我们在项目中会经常用axios请求接口来获取数据

二、安装axios

1.npm:npm install axios –save

2.yarn: yarn add axios

这个时候已经能通过进入axios来试用了,但是接口不同,所需要的请求数据样式也就不同,所以我们要封装axios来满足接口的需求,

三、封装axios

1.首先在项目里创建一个新的文件夹

axios的使用以及封装

2.引入axios

axios的使用以及封装

有些接口是需要把返回的数据进行qs转换的

3.创建实例

axios的使用以及封装

baseURl的作用是公共端口,timeaut是请求时间

4.添加拦截器

axios的使用以及封装

在拦截器里面就可以做我们想要的操作

5.最后为了代码的美观,我们需要将axios放到api抛出层中

axios的使用以及封装
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。