Angular路由-“未找到”页面不总是重定向到“未找到”页面。
创始人
2024-10-28 00:30:52
0

可以使用通配符路由来解决这个问题。在Angular路由中,可以使用“”来表示任意路径。当路由器没有匹配到任何路由时,它会尝试匹配“”路由。可以将“**”路由到自定义的“not-found”组件或页面。

下面是一个具体的示例:

在app.module.ts中声明“not-found”组件:

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

const routes: Routes = [
  // 其他路由
  { path: '404', component: NotFoundComponent },
  { path: '**', redirectTo: '/404' }
];

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

在app.component.html中添加路由出口:


在not-found.component.html中添加自定义的“未找到”页面:

404 - 页面不存在

返回首页

这样,当路由器无法匹配到任何路由时,将会自动重定向到“/404”,显示自定义的“未找到”页面。

相关内容

热门资讯

总算清楚!情怀游戏作弊,微信小... 总算清楚!情怀游戏作弊,微信小程序游戏修改器,详细app(真的有挂)1、很好的工具软件,可以解锁游戏...
随着!wepoker私人局辅助... 随着!wepoker私人局辅助,德扑之星透视辅助软件激活码,真是存在有挂(新版有挂)1、点击下载安装...
我来向大家传授!圣游辅助器,吉... 我来向大家传授!圣游辅助器,吉祥填大坑机制原来,详细软件(存在有挂)1、该软件可以轻松地帮助玩家将吉...
此事备受玩家关注!悟空黑桃a辅... 此事备受玩家关注!悟空黑桃a辅助,智星德州插件2024最新版,切实真的有挂(有挂教程);1、任何智星...
实测必看!潮汕激k脚本,天酷辅... 实测必看!潮汕激k脚本,天酷辅助器,详细神器(确实有挂)1、进入游戏-大厅左侧-新手福利-激活码辅助...
近期!wpk有作弊吗,智星德州... 近期!wpk有作弊吗,智星德州有脚本吗,本来真的是有挂(有挂解密)智星德州有脚本吗能透视中分为三种模...
大神推荐!科乐天天踢有没有挂作... 大神推荐!科乐天天踢有没有挂作弊,老友地方内蒙古辅助,详细挂(有挂秘笈)1、让任何用户在无需科乐天天...
网友热议!aapoker安装包... 网友热议!aapoker安装包怎么使用,德普之星辅助工具如何设置,本来真的有挂(有挂总结)1、德普之...
一分钟了解!德友汇辅助,科米台... 一分钟了解!德友汇辅助,科米台州麻将辅助,详细插件(有挂规律)1、打开软件启动之后找到中间准星的标志...
有玩家发现!佛手在线大菠萝技巧... 有玩家发现!佛手在线大菠萝技巧,德普辅助软件,总是是有挂(有挂教学)1、进入到德普辅助软件是否有挂之...