创建用于基于策略的授权期间拒绝访问的自定义页面

Question

我正在尝试通过重定向到新组件来生成自定义访问拒绝页面。但是它仍然进入拒绝访问路径，并说找不到页面404。有什么建议吗？

当发现未知路径时，我尝试将其重定向到新组件，并将其假定为拒绝访问路径。

{ path: 'accessDenied', component: AccessDeniedComponent },
{ path: '**', redirectTo: '/accessDenied' }

我希望加载AccessDeniedComponent，但由于路径不存在，它显示未找到识别的页面。

Answer 1

我认为您需要像这样修改代码

{ path: 'accessDenied', component: AccessDeniedComponent },
{ path: '**', redirectTo: 'accessDenied', pathMatch: "full" }

Answer 2

您必须将Web服务器的所有404重定向到index.html，以便angular可以控制它。

您可以将其作为休假：

• .htaccess：https://stackoverflow.com/a/26493669/3634274
• nginx：https://stackoverflow.com/a/19489441/3634274
• IIS：https://stackoverflow.com/a/6017627/3634274

Answer 3

如果仅检查未经授权的请求，则应在拦截器中捕获错误并检查错误代码。

如果错误代码为401（未经授权的HTTP代码），请导航至未经授权的URL。

应该可以。由于我正在使用此过程。