同时多个请求_axios多并发请求


 

有时候需要同时进行多个请求,并在多个请求结束后执行一个动作,可以利用axios.all

引用:

import { ajax, axios } from 'common'
const request = {
  login (context, account, pwd) {
    var v = ajax.everyOne(context).get(context, "/Login/login", {
      account: account,
      pwd: pwd
    });
    return v;
  },
  getMenus (context) {
    return ajax.get(context, "/microapps/SysMenu/GetPCMenu");
  },
  userAuthorize (context) {
    return ajax.get(context, "/microapps/SysMenu/UserAuthorize");
  }
};

实现

var requestMenu = request.getMenus(this)
var requestAuthorize = request.userAuthorize(this)
axios.all([requestMenu, requestAuthorize]).then(axios.spread((resMenu, resAuthorize) => {
	debugger
	this.$store.dispatch("global/updateUserMicroApps", resMenu.data.apps);
	this.$store.dispatch("global/updateMenu", resMenu.data.menus);
	this.$store.dispatch("global/updateUserAuthorize", resAuthorize.data);

	var url = "/common/home"
	history.pushState(null, url, url)
}))

两个请求执行完成后,才执行axios.spread()中的函数,且axios.spread()回调函数的的返回值中的请求结果的顺序和请求的顺序一致

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
YES开发框架
上一篇:路由配置
下一篇:Style格式参考
评论列表

发表评论

评论内容
昵称:
关联文章

同时请求_axios并发请求
EF并发处理,防止并发修改数据
解决 axios 跨域时,发送 post 请求前options 404
vue项目使用axios发送请求让ajax请求头部携带cookie
npm运行server npm-run-all通知执行任务
支付系统中要避免支付状态并发BUG
Windows下Git账号配置,同一电脑ssh-key的管理
FastReport 合并报表,一次打印rpt文件
winform 关闭form2的同时显示form1
解决new Thread().Start导致高并发CPU 100%的问题
C# 线程入门系列(三)
C# 线程入门系列(二)
微信小程序中换行,空格(空格)写法
C# 线程入门系列(一)
使用.NET 6开发TodoList应用(10)——实现DELETE请求以及HTTP请求幂等性
使用.NET 6开发TodoList应用(7)——使用AutoMapper实现GET请求
SQLite Database 线程访问需要注意的问题
.net-winform平台编译设置 csproj配置
化繁为简,用几例子介绍JavaScript异步处理async awite
使用.NET 6开发TodoList应用(23)——实现请求限流