位置: IT常识 - 正文

axios 的使用(axios有哪些常用方法)

编辑:rootadmin
axios 的使用 axios的使用目录axios的使用axios介绍axios中文文档cdn引入axiosaxios发起get请求:axios发起post请求创建axios实例axios拦截器(interceptor)axios介绍

推荐整理分享axios 的使用(axios有哪些常用方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:axios怎么使用,axios的使用,axios用法示例,axios有哪些常用方法,axios用法示例,axios用法示例,axios的使用教程,axios的使用,内容如对您有帮助,希望把文章链接给更多的朋友!

官方介绍: axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 简单来说,axios 用于发送异步 http 请求,用于在 vue 中替代 ajax(vue 中使用 axios,jquery 中使用 ajax)。

axios中文文档

axios起步 axios中文文档

cdn引入axios

使用 jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

使用 unpkg CDN:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios 的使用(axios有哪些常用方法)

在我的电脑上,jsDelivr CDN引入要快一点。

axios发起get请求:// 向给定ID的用户发起请求axios.get('url/user?ID=12345') .then(function (response) { // 处理成功情况 console.log(response); }) .catch(function (error) { // 处理错误情况 console.log(error); }) .then(function () { // 总是会执行 });

get 请求也可以使用以下方式:

axios.get('url/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }) .then(function () { // 总是会执行 }); axios发起post请求axios.post('url/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });创建axios实例

如果网页中多处使用 axios 请求同一个网址,当需要修改网址时,则需要大量改动,所以可以通过创建 axios 实例 (instance) ,只改动实例即可:

const instance = axios.create({ // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL baseURL: 'https://some-domain.com/api/', //超时时间:5s timeout: 5000, headers: {'X-Custom-Header': 'foobar'}});//get中具体的URL就可以省略,请求时baseURL会自动加在'/user'前instance.get('/user?ID=12345') .then(function (response) { // 处理成功情况 console.log(response); }) .catch(function (error) { // 处理错误情况 console.log(error); }) .then(function () { // 总是会执行 });axios拦截器(interceptor)

作用: 用来将 axios 中共有参数,响应公共处理交给拦截器处理,减少 axios 发送请求时的代码冗余。

拦截器类型:axios分为请求拦截器 (request) 和响应拦截器 (response),请求拦截器在发送请求时处理,响应拦截器在收到响应时处理。

拦截器使用:

请求拦截器:const instance = axios.create({ // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL baseURL: 'https://some-domain.com/api/', //超时时间:5s timeout: 5000,});// 添加请求拦截器instance.interceptors.request.use(function (config) { // 在发送请求之前做些什么 // config——配置对象,通过对config的处理进行请求时增强操作 console.log(config); // 如果请求中没有"?",添加"?",否则添加"&" if (config.url.indexOf("?") == -1) { config.url += "?token=1234"; } else { config.url += "&token=1234"; } return config;}, function (error) { // 对请求错误做些什么 return Promise.reject(error);});

config 对象展示: 可以看到 config 中的信息是 axios 的请求配置信息。 2. 响应拦截器

// 添加响应拦截器instance.interceptors.response.use(function (response) { // 2xx 范围内的状态码都会触发该函数。 // 对响应数据做点什么 console.log(response); // 可以代替catch if (response.status != 200) { alert("服务器错误"); } return response;}, function (error) { // 超出 2xx 范围的状态码都会触发该函数。 // 对响应错误做点什么 return Promise.reject(error);});

response 对象就是后端返回的 json 数据:

本文链接地址:https://www.jiuchutong.com/zhishi/293086.html 转载请保留说明!

上一篇:前端技术中的几种居中方式(前端的基本知识)

下一篇:Vue2项目创建步骤(vue项目创建流程)

  • 得物钱包里的钱怎么用(得物钱包里的钱怎么提现到支付宝)

    得物钱包里的钱怎么用(得物钱包里的钱怎么提现到支付宝)

  • 华为OtG模式如何打开

    华为OtG模式如何打开

  • 微信无法链接跳转京东app(微信链接失败咋回事)

    微信无法链接跳转京东app(微信链接失败咋回事)

  • 头条实名认证的坏处(头条号实名认证后是不是就会有收益)

    头条实名认证的坏处(头条号实名认证后是不是就会有收益)

  • 微信收款有额度限制吗?(微信怎么增加额度)

    微信收款有额度限制吗?(微信怎么增加额度)

  • 腾讯会议最多支持多少人同时视频(腾讯会议最多支持多少人参会)

    腾讯会议最多支持多少人同时视频(腾讯会议最多支持多少人参会)

  • 微信怎么发送定位(微信怎么发送定时朋友圈)

    微信怎么发送定位(微信怎么发送定时朋友圈)

  • iphone就寝铃声怎么自定义(苹果就寝的铃声)

    iphone就寝铃声怎么自定义(苹果就寝的铃声)

  • 手机屏幕裂开了可以用什么胶水粘(手机屏幕裂开了可以继续使用吗)

    手机屏幕裂开了可以用什么胶水粘(手机屏幕裂开了可以继续使用吗)

  • 微光可以自己上传视频吗(微光自己上传电影)

    微光可以自己上传视频吗(微光自己上传电影)

  • 闲鱼拍卖保证金是什么(闲鱼拍卖保证金一般设置多少)

    闲鱼拍卖保证金是什么(闲鱼拍卖保证金一般设置多少)

  • 怎么给公众号留言(怎么给公众号留电话号码)

    怎么给公众号留言(怎么给公众号留电话号码)

  • 苹果数据volte什么意思(苹果数据VoLTE什么意思)

    苹果数据volte什么意思(苹果数据VoLTE什么意思)

  • iphone个人热点打不开(iphone个人热点打不开显示关闭)

    iphone个人热点打不开(iphone个人热点打不开显示关闭)

  • iPhone11屏幕坏点是通病吗(苹果11屏幕坏点可以换新机吗)

    iPhone11屏幕坏点是通病吗(苹果11屏幕坏点可以换新机吗)

  • 国行机什么意思(国行怎么看)

    国行机什么意思(国行怎么看)

  • varchar2是什么类型(varchar2 varchar)

    varchar2是什么类型(varchar2 varchar)

  • 手机按键音怎么取消(华为手机按键音怎么设置)

    手机按键音怎么取消(华为手机按键音怎么设置)

  • set协议又称为什么协议(set协议有何作用)

    set协议又称为什么协议(set协议有何作用)

  • 华为多屏协同支持什么电脑(华为多屏协同支持vivo手机吗)

    华为多屏协同支持什么电脑(华为多屏协同支持vivo手机吗)

  • 手机淘宝联盟怎么开通(手机淘宝联盟怎么申请推广位)

    手机淘宝联盟怎么开通(手机淘宝联盟怎么申请推广位)

  • 小米手环nfc是什么(小米手环nfc是什么东西)

    小米手环nfc是什么(小米手环nfc是什么东西)

  • ps做倒影的具体步骤(ps做倒影教程)

    ps做倒影的具体步骤(ps做倒影教程)

  • 电脑怎样连接wifi步骤(怎样打开电脑wifi连接)

    电脑怎样连接wifi步骤(怎样打开电脑wifi连接)

  • 系统安装工具有哪些?系统安装工具怎么用?(系统安装工具有什么用)

    系统安装工具有哪些?系统安装工具怎么用?(系统安装工具有什么用)

  • 帝国cms怎么调用栏目别名(帝国cms怎么调用文章随机段落)

    帝国cms怎么调用栏目别名(帝国cms怎么调用文章随机段落)

  • 六大行业房产税土地使用税减免
  • 劳务公司在异地做项目需要提供当地完税证明
  • 收到稳岗补贴怎么做会计分录小企业会计准则
  • 资产总额季度平均值计算公式
  • 去年的亏损今年第一季度可以弥补吗
  • 盈利就是净利润吗
  • 电信发票为什么分开开
  • 支付外币投资会计处理
  • 银行按揭方式销售开发产品
  • 企业所得税债务重组所得
  • 外出经营预缴税
  • 企业向个人借款需要交印花税吗
  • 制造费用的核算程序是什么
  • 个体户不到3万怎么报税需要花钱吗
  • 一般纳税人是什么等级
  • 固定资产维修费率
  • 与建筑物有关的设计
  • 私募股权投资
  • 原材料入库如何分类
  • 销售收入净额与销售收入的区别
  • 质量扣款入什么科目
  • 如何预防计算机病毒的方法
  • 在Win7系统中,文件的属性包括
  • php解析xml文件
  • 差额承兑汇票办法规定
  • 事业单位需要交个人所得税吗
  • 场租费发票如何开
  • 质量扣款入什么科目
  • kb4580325更新
  • vue做移动端
  • ssms注释
  • 供热企业的税收分类编码
  • 深拷贝的实现方式
  • php计算多个集合的数据
  • 购买电脑如何入账
  • 当深度学习遇上Web开发:Spring和OpenAI如何实现图片生成?
  • 机器学习:基于逻辑回归对优惠券使用情况预测分析
  • 大前端技术架构
  • tmux复制粘贴
  • 增值税申报表33栏显示有欠缴税额
  • 发布相应的搜索公告
  • 所得税汇算清缴怎么操作
  • 如何在税控盘上变更一般纳税人
  • 其他应收款增加会计分录
  • sql server 2005 数据库还原
  • 代收代付的会计分录
  • 预付款被退回分录
  • 疫情期间增值税减免政策截止时间
  • 赠送的商品如何开发票
  • 建筑施工企业质量管理规范
  • 五险一金没有金
  • 发票冲红原件需要拿回来吗
  • 对公支付的款项没有发票怎么报销
  • 出口产品开票注意事项
  • 民非企业怎么给员工交五险
  • 行政事业单位支出范围和标准
  • 评估入账的无形资产能摊销吗
  • 建账选用什么会计制度
  • 总账的建账过程
  • 私人银行卡给公司走账有影响吗
  • 数据库mysql索引
  • win7环境变量在哪打开啊
  • sdis.exe
  • winedt中文界面
  • 第三人称控制器在平面上老掉
  • 非常好的成语
  • opengl画矩形函数
  • ExtJS 2.0实用简明教程之应用ExtJS
  • 安装centos no such device
  • perl快速入门
  • vue+node+webpack环境搭建教程
  • 基于nodejs的api框架
  • js有多重模块定义方式
  • javascript基础笔记
  • nodejs 异步io
  • unity3ds
  • jquery实现图片横向移动
  • android获取手机的基本信息
  • react navigate
  • 关于税收的问题及答案
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设