错误：无法匹配任何路由。页面刷新时页面刷新时的 URL 段

Question

我有一个 Angular 8 应用程序，它从 SQLite 数据库加载设备并将它们全部显示在一个名为“monitoring”的 url 中。当我希望用户查看有关当前设备的详细信息时，他会被重定向到“”monitoring/:id”，一切正常！但是，如果用户刷新 url “monitoring/:id”，则所选设备为空，我得到以下信息错误“未捕获（承诺中）：错误：无法匹配任何路由。 URL 段：'123'"。这是根的路由模块

app.module.ts

RouterModule.forRoot([

  { path: '', redirectTo: '/monitoring', pathMatch: 'full' }, 
  { path: 'monitoring', component: AppMonitoring, pathMatch: 'full', data: { state: 'monitor' }, },
  { path: "monitoring/:id", component: DeviceMeasurements,  },
  { path: 'management', component: AppManagement, pathMatch: 'full', data: { state: 'manage' } },
  { path: 'system', component: AppSystemSettings, pathMatch: 'full', data: { state: 'system' }, },
  { path: 'notifications', component: AppSettingsNotifications, pathMatch: 'full', data: { state: 'notifications' }, },

], { useHash: true }
)],

请告诉我是否需要更多信息以及如何解决此问题？ 感谢您的宝贵时间！

编辑：这是重定向 url 的 HTML

<a class="pull-left" href="#" (click)="DeviceDelete()" onclick="return false;" matTooltip="{{language_service.getText(this.language_service.ITEMS.DEVICE_DELETE)}}">         <i class="nav-icon fa fa-trash"></i>   </a>

ViewMeasurements 的内容

  ViewMeasurements() {
    this.device_service.SetCurrentDevice(this.device);
    this.router.navigateByUrl(`/monitoring/${this.device.id}`);
  }

SetCurrentDevice 的内容

  SetCurrentDevice(device: DeviceInterface) {
    this.InitCurrentDevice.next(device);
  }

我还有一个 GetCurrentDevice 函数，它在动态 id 页面中调用

  GetCurrentDevice(): DeviceInterface  {
    return this.InitCurrentDevice.getValue();
  }

并在动态页面中这样使用

  ngOnInit() {
      this.device = this.device_service.GetCurrentDevice(); 
  }

我在 ngOnInit 函数中尝试了以下操作，但结果相同

    let n = window.location.href.lastIndexOf('/');
    let id = window.location.href.substring(n + 1);
    if(this.device==null){
        this._router.navigateByUrl('/monitoring', { skipLocationChange: true }).then(() => {
    
          this._router.navigate(['/monitoring/' + id]);
        });

}

Answer 1

将此路径 { path: '', redirectTo: '/monitoring', pathMatch: 'full' } 放在路径对象的底部。