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”,显示自定义的“未找到”页面。

相关内容

热门资讯

wepoke辅助有挂!aapo... wepoke辅助有挂!aapoker辅助是真的吗,wpk透视辅助封号,第三方教程(有挂教学);小薇(...
微扑克辅助机器人!aapoke... 微扑克辅助机器人!aapoker是正规的吗,(wEpoKe)原生真的是有挂(详细辅助玩家教你)1、完...
wepoke辅助有挂!wepo... wepoke辅助有挂!wepower有外挂,微扑克真的有挂,安装教程(有挂攻略)1、在wepoke辅...
德州ai辅助有用!红龙扑克好友... 德州ai辅助有用!红龙扑克好友桌,(WEPOke)果然有挂(详细辅助细节揭秘)1、不需要AI权限,帮...
德扑之星猫腻!德州ai能盈利吗... 德扑之星猫腻!德州ai能盈利吗,wpk微扑克外挂事件,分享教程(有挂教学)1、许多玩家不知道德扑之星...
德州ai辅助有用!epoker... 德州ai辅助有用!epoker外挂,(德州nzt)起初有挂(详细透视介绍教程);科技详细教程Q群《1...
德扑ai智能!wepower系... 德扑ai智能!wepower系统规律,德扑之星软件模拟器,详细教程(有挂详情);人气非常高,ai更新...
微扑克德州专用辅助器!wpk德... 微扑克德州专用辅助器!wpk德州胜利跟号有关么,(wepokE)确实真的有挂(详细辅助详细教程)是一...
wpk透明挂!wopoker苹... wpk透明挂!wopoker苹果怎么下载,德扑ai人工智能,总结教程(有挂技巧)1、wpk透明挂ai...
wpk透明挂!来玩德州app辅... wpk透明挂!来玩德州app辅助软件,(德扑)本然真的有挂(详细透视黑科技教程)wpk透明挂平台为新...