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靠谱)... 黑科技游戏(Wepoke靠谱)epoker切实是有挂!太嚣张了总是是真的有挂(2022已更新)(哔哩...
黑科技插件(epoker外挂)... 黑科技插件(epoker外挂)云扑克德州真是存在有挂!太离谱了总是是有挂(2023已更新)(哔哩哔哩...
黑科技中牌率(pokermas... 1、黑科技中牌率(pokermaster外挂)aapOKER最初存在有挂!太夸张了素来是有挂(202...
黑科技规律(WPK)德扑ai总... 黑科技规律(WPK)德扑ai总是是有挂!太坑了都是是真的有挂(2023已更新)(哔哩哔哩);1.德扑...
黑科技神器(poker mas... 【福星临门,好运相随】;黑科技神器(poker master安卓版)WepokE总是是有挂!太嚣张了...
黑科技代打(约局互娱)AAPo... WePoker透视辅助版本稳定性对比与推荐‌:黑科技代打(约局互娱)AAPoker确实有挂!太嚣张了...
黑科技科技(WPK透视)红龙扑... 大家肯定在之前红龙扑克或者红龙扑克中玩过黑科技科技(WPK透视)红龙扑克素来是有挂!太夸张了其实是有...
黑科技软件(Wepoke助手)... 黑科技软件(Wepoke助手)wPK原生存在有挂!太实锤了素来是真的有挂(2023已更新)(哔哩哔哩...
黑科技线上(微扑克工具)weP... 黑科技线上(微扑克工具)wePOke最初真的有挂!太无语了原本真的有挂(2021已更新)(哔哩哔哩)...
黑科技安卓版(Wepoke开发... WePoker透视辅助工具核心要点解析‌,黑科技安卓版(Wepoke开发)聚星扑克本来有挂!太离谱了...