如何构建/自定义创建没有权限访问角度2中的错误403

时间:2016-12-12 09:29:02

标签: angular typescript angular2-routing

我一直在浏览网络,但我找不到有关如何自定义创建自定义403错误页面的任何有用信息。

我理解并且我知道如何创建错误404页面。

我正在为同一个项目中的错误404和错误403创建一个示例页面。 举个例子,我创建了一个按钮并将其称为" home"将用户重定向到主页。但是如果用户点击主页,它将返回"错误403,权限被拒绝" 。

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

我是否必须直接在组件下面编码:error404component来添加我的error403组件?或者我是否必须为错误403页面创建新的路由器。

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

提前致谢

1 个答案:

答案 0 :(得分:-2)

您正在寻找的是状态/路由更改侦听器,在Angular1中,您可以收听来往和来自状态。类似于angular2,您必须订阅该事件以收听路线的变化,然后您可以轻松地在事件监听器中找出您在哪里

我提出的解决方案的示例代码this answere

中给出

另见https://angular.io/docs/ts/latest/api/router/index/Router-class.html