首页 > 其他分享 >封装Axios

封装Axios

时间:2023-06-30 11:36:17浏览次数:30  
标签:axios 封装 请求 URL 配置 发送 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进行封装。

 

标签:axios,封装,请求,URL,配置,发送,Axios
From: https://www.cnblogs.com/beichengshiqiao/p/17516158.html

相关文章

  • Qt联合海康威视工业相机采集,在线转Halcon变量并显示(独立封装、支持多相机、支持黑白相
    Qt联合海康威视工业相机采集,在线转Halcon变量并显示(独立封装、支持多相机、支持黑白相机和彩色相机)。原创文章,转载请说明出处,资料来源:http://imgcs.cn/5c/668685372998.html......
  • PHP文件上传封装
    classFileUploader{private$targetDirectory;private$allowedExtensions;private$maxFileSize;publicfunction__construct($targetDirectory,$allowedExtensions=array(),$maxFileSize=1048576){$this->targetDirectory=$ta......
  • vue3.0之axios使用
    //导入包importaxiosfrom"axios";//使用示例axios.post('发送请求地址',{携带变量key1:变量value1,携带变量key2:变量value2,}).then(response=>{//后端返回给前端的数据都在response.data里,可以通过“response.data.键”进行调用if(response.data.cod......
  • LinkedBox封装
    类的设计小任务 大家设计一个类ArrayBox 目的是数组有些地方不是很好长度固定频繁添加元素删除元素个数改变 最早利用数组存储一组元素 长度固定好处在于创建后不会浪费内存 不好在于长度不变添加删除时个数的改变很麻烦 自己可以设计类ArrayBox 长度看......
  • 07前后端项目上传gitee,后端多方式登录接口,发送短信功能,发送短信封装,短信验证码接口,短
    1前后端项目上传到gitee#公司里: -前端一个仓库---》一个团队-后端一个仓库---》一个团队-微服务:两三个人一个服务---》一个项目一个仓库-网上开源软件,前后端都在一起#在远端建立前端仓库#本地代码提交到远成仓库2后端多方式......
  • 其他——25封装表单验证
    前言:在我们做vue项目,日常开发的时候,肯定会经常遇到正则表达式,例如手机号,邮箱,密码和数字,每次验证都需要去查询,浪费时间不说,也造成代码冗余,我也遇到过,那我就自己封装一个吧,方便大家使用查询。1.封装一个公共的js文件,命名rule.js://手机号验证telphone:(rule,value,callback......
  • 前端封装excel下载方法&&解决前端下载请求设置responseType: 'blob'时后台报错无法处
    请求设置responseType:'blob'时接口报错了如果不做处理则获取不到接口错误信息,此时下载的文件是有问题的。/*@paramsoptions{}*data:Blob,*fileName:String,*successMsg:String,**/import{Message}from'element-ui'importdownloadExcelFilePublicHandler......
  • 连接app的封装方法
    importpsutilfrompywinauto.applicationimportApplicationfrompywinautoimportDesktop,WindowSpecificationclassConnApp:@staticmethoddefconn_single_proc_app(proc_name:str,proc_path:str,app_backend:str="win32",......
  • Java基础之基本数据类型封装类的缓存
    巨人的肩膀:https://blog.csdn.net/hnjcxy/article/details/1237872091、Java中基本数据类型byte、short、char、int、long、float、double、boolean有对应的封装类型:Byte、Short、Character、Integer、long、Float、Double,Boolean其中Byte、Short、Character、Integer、Long、Bo......
  • 前端Vue自定义简单实用轮播图封装组件 快速实现轮播图
    前端Vue自定义简单实用轮播图封装组件快速实现轮播图,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13153效果图如下:cc-mySwiper使用方法<!--自定义轮播图swiperArr:轮播数组 @swiperItemClick:轮播图条目点击--><cc-mySwiper:swi......