axios的使用以及封装

作者: 门夹的脑子补核桃 | 来源:发表于2021-05-05 09:17 被阅读0次

    一、什么是axios

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

    二、安装axios

    1.npm:npm install axios --save

    2.yarn: yarn add axios

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

    三、封装axios

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

    2.引入axios

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

    3.创建实例

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

    4.添加拦截器

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

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

    相关文章

      网友评论

        本文标题:axios的使用以及封装

        本文链接:https://www.haomeiwen.com/subject/colkdltx.html