如何在angular 7中传递查询参数

Question

我知道这个问题已经问了很多。但是我在将查询参数传递到下一页时遇到了困难。我的代码是

const navigationExtras: NavigationExtras = {
      queryParams: { 'token': this.token },
      fragment: 'anchor',
      queryParamsHandling: 'preserve',
      preserveFragment: true
    };
    this.router.navigate(['signIn'], navigationExtras);

因此，我尝试将令牌传递给登录页面，但查询参数未显示在url中。因此，我在http://localhost:4200/signIn?token=sdhjfghs的登录页面中进行了手动尝试，然后按Enter键，但是页面仅加载http://localhost:4200/signIn。我的路由代码是

{
  path: 'signIn', canActivate: [AuthGuard], loadChildren: './sign-in/sign-in.module#SignInModule'
}

在登录模块中

const routes: Routes = [{
  path: '', component: SignInComponent
}];

在我使用过的authguard中，

this.router.navigate(['signIn'], {queryParamsHandling: 'preserve'});

我的角度路由器版本是7.1.0

我不知道如何获取查询参数。谁能帮我解决这个问题？谢谢。