axios的基本用法与并发请求

摘要:
1、 axios登录这三个直接请求Axios。get()Axios。post()Axios({},不在实例对象上。

一、axios的基本用法

<router-link to="" class="a1" @click.native="logins">登陆</router-link>

axios的基本用法与并发请求第1张

这三个直接请求

       Axios.get()

       Axios.post()

       Axios({})

创建一个axios实例,没有发送请求,create里面也是配置项

       Axios.create({

      

       })

二、axios的并发请求

1. axios.all() 和 promise.all() 方法是一个道理

2. axios.all() 这个方法在 axios 的构造函数是没有的,没在实例对象上。

3. 如果使用 axios.all 就不能使用封装的 axios了,因为all 是 axios 特有的方法,封装axios没有这个方法。

4. 当在一个组件,需要发送多个ajax请求,如下,他们之间不会相互响应,因为是异步的,但是这样写 1. ajax请求过多对页面性能可能会有影响,以及代码不美观,代码过于臃肿,所以我们可以使用 axios的并发请求axios.all()

axios的基本用法与并发请求第2张

5. all 方法是一个数组

axios的基本用法与并发请求第3张

上面有两个数据,我们如何拿到 数据 1 或 数据2呢,就把res赋给一个数组变量,res是一个数组 可以解构。

then(res => {
上面有两个数据,我们如何拿到 数据1或数据2呢,就把res赋给一个数组变量
     var res1,res2
     [res1,res2] = res
     console.log(res1)
})

作者:晋飞翔
手机号(微信同步):17812718961
希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!!

免责声明:文章转载自《axios的基本用法与并发请求》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇react + antd form表单验证自定义验证validator根据后台接口判断验证Java java httpclient4.5 进行http,https通过SSL安全验证跳过,封装接口请求 get,post(formdata,json)封装,文件上传下载下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

js 预览 excel,js-xlsx的使用

js-xlsx简介SheetJS生成的js-xls x是一个非常方便的工具库,只能使用纯js读取和导出excel。它功能强大,支持多种格式,支持xls、xlsx和ods等十几种格式。本文以xlsx格式为例。官方github:https://github.com/SheetJS/js-xlsx支持演示在线演示地址:http://demo.haoji.me/20...

Android:在任务列表隐藏最近打开的app

//schemas.android.com/apk/res/android“package=”com.li.test“android:versionName=”1.0“&gt:targetSdkVersion=”23“/&gt:allowBackup=”true“android:icon=”@mipmap/ic_launcher“androi...

传奇服务端各文件用途说明

传奇外传服务端├数据库服务器│├联系│├美国联邦储备银行│├日志│├! ID列表。txt(付款帐户列表,在Setup.exe中ServiceMode=TRUE时有效)!服务器信息.txt│├DBServer.exe│└DBSrc.ini├登录门│├登录网关.exe│└配置ini├登录服务器│├Chr日志│├ConLog公司│├计数日志│├国际数据库││├ID...

Vue中在移动端如何判断设备是安卓还是ios

u、 匹配(/(i[^;]+;(U;)?CPU+MacOSX/);如果(isiOS){return“ios”;}否则{return“android”;}},...

myEclipse

因此,更改windows–>preferences–>general–>editors–>fileassociations,将myeclipsejspedator设置为默认的myeclipse使用提示步骤5:更改代码提示快捷键。当前代码提示快捷键默认为ctrl+space,我们的输入方法也被切换,因此会出现冲突。...

016.PGSQL-创建分区表、分区表索引

创建分区表1.ORIENTATION决定了表的数据的存储方式。注意:orientation不支持修改2.COMPRESSION列存表的有效值为LOW/MIDDLE/HIGH/YES/NO,压缩级别依次升高,默认值为LOW。HDFS表的有效值为ZLIB/SNAPPY/NO,ZLIB的压缩比大于SNAPPY,默认值为SNAPPY。partition_value为...