axios的二次封装

axios的二次封装

axios的二次封装

为什么要进行二次封装axios ?

主要是为了搞请求拦截器和响应拦截器

请求拦截器、响应拦截器:请求拦截器,可以在发请求之前处理一些业务、响应拦截器,当服务器数据返回以后,可以处理一些事情。

1.安装axios,进入项目目录,输入

cnpm install --save axios

2.经常在项目中SRC-API文件夹放axios文件,如:request.js请求文件。

对于axios进行二次封装

import axios from "axios"
//1.利用axios对象的方法create,去创建一个axios实例
//2.request就是axios,只不过稍微配置一下
const requests = axios.create({
    //配置对象
    //基础路经,发请求的时候,路经当中会出现api,接口中:路经都带有 /api,配置了这个以后就不用自己一个一个写/api了
    baseURL: "/api"
    //代表请求超时的时间5s
    timeout:5000,
});

//请求拦截器
//在发请求之前,请求拦截器可以检测到,可以在请求发出去之前做一些事情
requests.interceptors.request.use((config)=>{
    //config:配置对象,对象里面有一个属性很重要,headers请求头
    return config;
});

//响应拦截器
requests.interceptors.response.use((res)=>{
    //成功的回调函数,服务器响应数据回来以后,响应拦截器可以检测到,可以做一些事情
    return res.data;
},(error)=>{
    //响应失败的回调函数
    return Promise.reject(new Error('faile'));
});

//对外暴露
export defalut requests:
免责声明:

  • 本站所提供的全部内容仅限于交流、学习与研究使用,请勿用于非法目的。
  • 任何使用本站内容而出现的意外或损失,本站概不负责。
  • 本站遵守国家法律法规,禁止制作、复制、发布、传播任何具有反动、色情、暴力、淫秽,政治等内容的信息,一经发现,立即删除。
  • 本站的留言、评论与转载内容,仅代表原作者个人观点,与本站观点或立场无关,所有评论、留言均需经过审核后方可正常显示,本站有权删除和过滤违反法律法规的或不正当的言论。
  • 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ1823782755进行删除处理。
  • 本站可能会包含第三方网站的链接,点击后或将离开本站并进入其他站点,本站不对其他站点的内容负责。
  • 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
  • 根据《计算机软件保护条例》第十七条,为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬,本站所有软件资料仅用于学习研究。
  • 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
  • 本站文章采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可,阅读后请勿用于非法用途。
  • © 版权声明
    THE END
    喜欢就支持一下吧
    点赞66 分享
    jjz的头像-51学代码
    评论 抢沙发
    头像
    欢迎您留下宝贵的见解!
    提交
    头像

    昵称

    取消
    昵称表情代码图片