promise如何設置多個接口并行調用呢？這里我使用了promise all的方式，一開始讓三個接口同時調用，代碼如下圖所示。

mounted: function () {this.$nextTick(function () {this.fetchAll();})},fetchAll() {let self = this;// let ajaxUrl = 'http://10.253.33.109:80';let detailsOfEvent = new Promise((resolve, reject) => {http.fetchPost(`${ajaxUrl}/api/v1/ui/match/team`, {"gameAbbr": "DOTA2","platform": "admin","cupId": 0,"teamId": parseURL(location.href).params.team_id}).then(function (res) {resolve(res);})})let monthlyAchievements = new Promise((resolve, reject) => {http.fetchPost(`${ajaxUrl}/api/v1/ui/match/teamMonthRecord`, {"gameAbbr": "DOTA2","platform": "admin","teamId": parseURL(location.href).params.team_id}).then(function (res) {resolve(res)})})let recentCompetitions = new Promise((resolve, reject) => {http.fetchPost(`${ajaxUrl}/api/v1/ui/match/teamRecentMatches`, {"gameAbbr": "DOTA2","platform": "admin","teamId": parseURL(location.href).params.team_id}).then(function (res) {resolve(res)})})Promise.all([detailsOfEvent, monthlyAchievements, recentCompetitions]).then((result) => {self.setShowAll(result);self.isShowLoading = false;}, () => {self.isShowLoading = false;self.portError = true;}).catch((error) => {self.isShowLoading = false;//console.log(error)})},

總結

以上是生活随笔為你收集整理的promise设置多个接口并行调用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。