angular 路由守卫异步请求串联 async await

假设路由守卫的这种场景

1.需要请求request1，拿到request1返回的数据后，才能去请求request2

2.最后根据request1和request2的结果决定是否能访问

 有种做法是正常嵌套请求，路由守卫保存当前url，先返回false，等2个请求回来之后再跳转回那个url，就是嵌套层级如果多会不好看。比较好的做法是使用async和await

使用async await

export class TwoGuard implements CanActivate {
  constructor(private router: Router) { }
  async canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Promise<boolean | UrlTree> {
    const r1 = await this.request1();
    const r2 = await this.request2();
    console.log(r1);
    console.log(r2);
    if (r1 && r2) {
      return true;
    } else {
      return this.router.parseUrl('/user/deny');
    }
  }

  request1(): Promise<boolean> {
    return new Promise((re