手动在angular6中更改浏览器的错误网址？

Question

http://localhost:4200/base/editlanguagedetails/25 

这是我正确的网址，当时的用户界面就是这样

现在我在浏览器中手动更改了错误的网址，例如http://localhost:4200/base/editlanguagedetails/5256

当时的用户界面为

app-routing.component.ts

const routes: Routes = [
  { path : 'base', component : BaseComponent,canActivate : [AuthguardGuard],runGuardsAndResolvers: 'always',
   children: [
     { path: 'newlanguage', component : NewLanguageComponent},
     { path: 'editlanguagedetails/:id', component : languageComponent},
   ]
  },
  { path: '**', component: PageNotFoundComponent }
]

所以，我的查询是当我不想显示UI时手动更改错误的url时。那么解决方案是什么（当手动更改错误的url并在任何特定页面上进行时间重定向时，都有可能）为我提供了有用的解决方案，谢谢。

Answer 1

通过引入以下代码，您可以处理所有路由，并在路由路径不正确时重定向到未找到的页面。

const routes: Routes = [
 { path : 'base', component : BaseComponent,canActivate : [AuthguardGuard],runGuardsAndResolvers: 'always',
   children: [
    { path: 'editlanguagedetails/:id', component : languageComponent},
   ]
 },
 { path: '**', component: PageNotFoundComponent }
 ]

这样，您不必担心其他错误的路线。

注意：PageNotFoundComponent不是内置组件，必须由我们创建