Angular路由只将某些路由路由到404页面,不会将子路由错误路由到404页面。
创始人
2024-10-28 05:31:09
0次

可以使用控制台打印来检查错误信息,然后将所有错误路由到404页面,包括子路由的错误。以下是一个示例代码:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { NotFoundComponent } from './not-found/not-found.component';

const routes: Routes = [
  {
    path: '',
    loadChildren: () => import('./home/home.module').then(m => m.HomeModule)
  },
  {
    path: '**',
    component: NotFoundComponent
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

在上面的代码中,NotFoundComponent是你的404组件,如果路由无法匹配任何其他路由,则会自动路由到该组件。

然后可以在子路由中添加一个通配符路由来使普通路由错误也能被捕获并路由到404页面:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { NotFoundComponent } from '../not-found/not-found.component';
import { ChildComponent } from './child.component';

const routes: Routes = [
  {
    path: '',
    component: ChildComponent
  },
  {
    path: '**',
    component: NotFoundComponent
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class ChildRoutingModule { }

这样,当访问不存在的子路由时,它将路由到404页面。

相关内容

热门资讯

玩家必看科普,德州辅助软件,智... 德州辅助软件AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,断网...
玩家必备科技,wepoker作... 玩家必备科技,wepoker作弊挂是真的吗,微扑克透视软件绝活(最初真的有辅助器)AI 是一款可以让...
玩家必看教程!,wepoker... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
详细说明,德州牌面分析器最新版... 详细说明,德州牌面分析器最新版本更新内容,WePoKer透视是真的吗手册(最初是有辅助);近期一款 ...
科技介绍,wepoker有挂吗... 您好,wepoker有挂吗透视知乎这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302...
一起来探讨,wepoker原来... 一起来探讨,wepoker原来有挂,AApoker透视讲义(往昔存在有透视)是一款可以让一直输的玩家...
重大来袭,德州wpk开挂辅助软... 您好:德州wpk开挂辅助软件这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
新2025教程,wepoker... 新2025教程,wepoker如何开透视,AApoker是不是有挂秘籍(一向是有开挂)AI 智能体黑...
重大消息,微扑克发牌规律性,W... 重大消息,微扑克发牌规律性,WePoKer开挂脚本烘培(总是是真的有辅助);近期一款 AI 黑科技工...
推荐一款,wpk作弊挂官方多久... 您好:wpk作弊挂官方多久能发现这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...