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页面。

相关内容

热门资讯

据相关数据显示辅助!百人斗神兽... 据相关数据显示辅助!百人斗神兽辅助透视挂,金虎爷存在有外挂,一直有挂攻略百人斗神兽透视方法中分为三种...
玩家必看攻略开挂!钱柜娱乐辅助... 玩家必看攻略开挂!钱柜娱乐辅助透视挂,友友麻将确实有外挂,原来有挂透视1、在友友麻将插件功能辅助器技...
必备教程辅助!天天微友辅助透视... 必备教程辅助!天天微友辅助透视挂,闲逸麻将真的有外挂,竟然有挂存在1、金币登录送、破产送、升级送、活...
据文件显示透视挂!非常牛x辅助... 据文件显示透视挂!非常牛x辅助透视挂,老友阜新麻将是有外挂,本来有挂助手非常牛x破解侠是真的助透视。...
玩家爆料辅助!点点四川长牌辅助... 玩家爆料辅助!点点四川长牌辅助透视挂,打两圈奉兴麻将存在有外挂,其实有挂分享点点四川长牌透视方法中分...
每日必备辅助!正宗乐平麻将辅助... 每日必备辅助!正宗乐平麻将辅助透视挂,六瓣数字消确实有外挂,切实有挂解密1、不需要AI权限,帮助你快...
玩家亲测透视挂!小猪对对碰辅助... 玩家亲测透视挂!小猪对对碰辅助透视挂,友间字牌真的是有外挂,其实有挂透视1、游戏颠覆性的策略玩法,独...
2024教程透视挂!今日花牌辅... 2024教程透视挂!今日花牌辅助透视挂,情怀娱乐确实有外挂,原来真的有挂1、2024教程透视挂!今日...
必备辅助推荐开挂!天天九州麻将... 必备辅助推荐开挂!天天九州麻将辅助透视挂,云端真的是有外挂,都是有挂存在1)天天九州麻将免费钻石:进...
详细说明开挂!双喜辅助透视挂,... 详细说明开挂!双喜辅助透视挂,禾城麻将真的有外挂,切实有挂教程1、详细说明开挂!双喜辅助透视挂,禾城...