如何生成/自定义创建angular 2中的无权限访问错误403

我一直在浏览网络，但没有任何有用的信息，我可以找到如何自定义创建自定义403错误页面

我了解并知道如何创建错误404页面

我正在为同一项目中的错误404和错误403创建一个示例页面。 例如，我创建了一个按钮，并将其命名为“主页”，以将用户重定向到主页。但如果用户单击主页，它将返回“错误403，权限被拒绝”

但我不确定在哪里可以编写代码。下面是我在项目中创建的routing.module.ts的示例

我是否必须直接在component:error404component下面编写代码才能添加我的error403组件？或者我必须为错误403页创建一个新路由器

@NgModule({
imports: [
RouterModule.forRoot([
  {
    path: 'home',
    component: HomeComponent
  },
  {
    path: 'about',
    component: AboutComponent
  },
  {
    path: '**',
    component: Error404Component
  }
])
],
  exports: [
   RouterModule
 ] 
 })

---

提前感谢

您正在寻找的是状态/路线更改侦听器，在Angular1中，您可以收听往返于状态的。类似地，在angular2中，您必须订阅事件以收听路线的更改，然后您可以在事件侦听器中轻松确定您要去哪里

我提出的解决方案的示例代码如所示

---

另请参见

在您的示例中，当用户访问未定义的路由时，会显示404页面，但当对不存在的url发出请求时，则不会显示404页面。您如何决定何时显示403响应？