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

相关内容

热门资讯

2026版软件!xpoker辅... 2026版软件!xpoker辅助神器,三哥玩辅助是真的吗,妙计辅助神器(的确有挂)-哔哩哔哩亲,关键...
在玩家背景下!浙江宁波麻将辅助... 在玩家背景下!浙江宁波麻将辅助器(辅助)好像真的是有辅助修改器(有挂详细)-哔哩哔哩1、这是跨平台的...
出现新变化!werplan有挂... 出现新变化!werplan有挂吗,丰城呱呱辅助器,妙计辅助软件(有挂讲解)-哔哩哔哩1、每一步都需要...
刚刚!天天微友有辅助麻(辅助)... 刚刚!天天微友有辅助麻(辅助)一直真的是有辅助插件(有挂秘籍)-哔哩哔哩1、下载好天天微友有辅助麻透...
今天上午!潮汕汇软件辅助(辅助... 今天上午!潮汕汇软件辅助(辅助)好像是有辅助插件(有挂方法)-哔哩哔哩1)潮汕汇软件辅助免费钻石:进...
目前来看!哈糖大菠萝挂,杭州都... 目前来看!哈糖大菠萝挂,杭州都莱破解版,秘籍辅助app(有挂规律)-哔哩哔哩1、杭州都莱破解版免费辅...
2026版辅助挂!佛手在线大菠... 2026版辅助挂!佛手在线大菠萝智能辅助器,蘑菇云辅助使用视频,学习辅助方法(确实有挂)-哔哩哔哩1...
目前来看!吉祥填大坑脚本小程序... 目前来看!吉祥填大坑脚本小程序(辅助)切实真的是有辅助app(确实有挂)-哔哩哔哩吉祥填大坑脚本小程...
出乎意料的是!潮友潮汕木虱辅助... 出乎意料的是!潮友潮汕木虱辅助(辅助)竟然存在有辅助神器(有挂神器)-哔哩哔哩1、操作简单,无需潮友...
据目击者称!约局吧开挂,789... 据目击者称!约局吧开挂,789大菠萝如何手气顺,烘培辅助工具(有挂教程)-哔哩哔哩1.789大菠萝如...