javascript - 使用 window.location.reload 进行递归异步等待回调

Question

我正在等待一些 API 回调，这些回调返回 401 响应以及注销回调并重定向到登录页面。但是，它会在注销回调中继续执行 window.location.reload ，因为该 API 在上一页中被一次又一次调用。我该怎么做才能解决这个问题？

try {
        // Run all actions here that needed to be executed at first
        await this.someMethods()
        await this.someMethods()
        await this.someMethods()
        await this.someMethods()
        await this.someMethods()
      } catch (error) {
        // Check for login session
        const response = Object.assign({}, error)
        if (response.response.status === 401 || response.response.status === 401) {
          AuthService.logout() //LOGOUT CALLBACK
          this.$toasted.show('Season Expired!. Please Re-Login', {
            position: 'top-center',
            duration: 2500,
            type: 'error'
          })
        }
      }

logout () {
    window.localStorage.clear()
    window.location.reload(true)
    router.push('/login')
  }

Answer 1

可能你需要使用 Promise.all

Promise.all([promise1, promise2, promise3]).then(function(values) {
  console.log(values);
});

这是你的例子

try {
        // Run all actions here that needed to be executed at first
        await Promise.all([this.someMethods1() , this.someMethods2() ,this.someMethods3()]) ;

      } catch (error) {
        // Check for login session
        const response = Object.assign({}, error)
        if (response.response.status === 401 || response.response.status === 401) {
          AuthService.logout() //LOGOUT CALLBACK
          this.$toasted.show('Season Expired!. Please Re-Login', {
            position: 'top-center',
            duration: 2500,
            type: 'error'
          })
        }
      }

这样错误 block 只会进入一次