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、随意玩正版房卡有开挂脚本辅助下载、...
盘点一款!川游游戏辅助!好像真... 盘点一款!川游游戏辅助!好像真的有辅助脚本(有挂方法)1、每一步都需要思考,不同水平的挑战会更加具有...
一分钟快速了解!福建微乐小程序... 一分钟快速了解!福建微乐小程序修改器!确实真的是有辅助攻略(有挂技巧)1、进入到福建微乐小程序修改器...
科普分享!gif助手破解版!原... 科普分享!gif助手破解版!原来真的是有辅助方法(有挂辅助);1)gif助手破解版辅助插件:进一步探...
据公告内容!微信小程序雀神挂件... 据公告内容!微信小程序雀神挂件透视!竟然真的有辅助技巧(有挂技巧)1、玩家可以在微信小程序雀神挂件透...
今天下午!微乐麻将脚本透视!一... 今天下午!微乐麻将脚本透视!一贯是有辅助软件(有挂解密)1、进入到微乐麻将脚本透视是否有挂之后,能看...
传递经验!雀神广东定制插件辅助... 传递经验!雀神广东定制插件辅助!竟然是有辅助脚本(确实有挂)1、雀神广东定制插件辅助公共底牌简单,雀...
今日百科!乐酷副厅辅助!好像是... 今日百科!乐酷副厅辅助!好像是有辅助方法(竟然有挂)1、玩家可以在乐酷副厅辅助透视最简单三个步骤对游...
热点推荐!福麻圈脚本!一贯确实... 热点推荐!福麻圈脚本!一贯确实有辅助方法(有挂方式)1、下载好福麻圈脚本正确养号方法之后点击打开,先...