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

相关内容

热门资讯

黑科技工具(wpk德州扑克)外... 黑科技工具(wpk德州扑克)外挂透视辅助教程(透视)透明挂教程(原来真的是有挂)1、wpk德州扑克透...
黑科技透明挂!(WpK)透视辅... 黑科技透明挂!(WpK)透视辅助安装,(WPk)确实存在有挂,玩家教程(有挂透明);玩家必备必赢加哟...
黑科技辅助(德州ai)外挂辅助... 黑科技辅助(德州ai)外挂辅助安装(透视)安装教程(原来存在有挂)1、游戏颠覆性的策略玩法,独创攻略...
黑科技插件!(wPk)透视辅助... 黑科技插件!(wPk)透视辅助app,(WpK)最初真的有挂,爆料教程(有挂神器)1、不需要AI权限...
黑科技智能ai(德州)外挂辅助... 黑科技智能ai(德州)外挂辅助方法(透视)教你攻略(真是是真的有挂);1、任何德州ai辅助神器的玩家...
黑科技安卓版!(aa poke... 1、黑科技安卓版!(aa poker)透明挂辅助工具,(AAPOKer)素来真的是有挂,新2025版...
黑科技教程(wePOke)黑科... 黑科技教程(wePOke)黑科技透明挂辅助教程(透视)解说技巧(真是真的是有挂);1、游戏颠覆性的策...
黑科技透明挂!(微扑克)透视辅... 1、黑科技透明挂!(微扑克)透视辅助脚本,(wpk微扑克)一贯是真的有挂,德州教程(有挂教程)2、进...
黑科技美元局(wpk微扑克)外... 黑科技美元局(wpk微扑克)外挂透视辅助助手(透视)系统教程(竟然存在有挂);1、上手简单,内置详细...
黑科技新版!(aapoKER)... 黑科技新版!(aapoKER)透明挂辅助器,(aapoker)原来是有挂,攻略方法(有挂透明)科技教...