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

相关内容

热门资讯

透视讲解!微乐小程序免费黑科技... 透视讲解!微乐小程序免费黑科技,微乐小程序修复系统有用吗(透视)果然真的有挂(哔哩哔哩)1、进入到微...
第4分钟安装!微乐小程序免费黑... 第4分钟安装!微乐小程序免费黑科技,微乐小程序辅助器代理(开挂)好像是有挂(2026)微乐小程序免费...
此事迅速冲上热搜!微乐小程序免... 此事迅速冲上热搜!微乐小程序免费黑科技,2025微乐小程序黑科技(透视)一贯真的是有挂(哔哩哔哩)1...
第一分钟下载!微乐小程序黑科技... 第一分钟下载!微乐小程序黑科技,微乐微信小程序辅助软件(开挂)总是真的是有挂(2026)1、全新机制...
透视教学!微乐小程序免费黑科技... 透视教学!微乐小程序免费黑科技,微乐锄大地脚本(透视)其实是真的挂(哔哩哔哩)1)微乐小程序免费黑科...
3分钟透视!微乐小程序免费黑科... 3分钟透视!微乐小程序免费黑科技,微乐贵阳捉鸡麻将辅助(开挂)总是真的有挂(2026)微乐小程序免费...
值得注意的是!微乐小程序免费黑... 值得注意的是!微乐小程序免费黑科技,微乐小程序挂哪里有(透视)其实有挂(哔哩哔哩)1、每一步都需要思...
第7分钟辅助!微乐小程序免费黑... 第7分钟辅助!微乐小程序免费黑科技,微乐广西小程序插件(开挂)总是真的有挂(2026)微乐小程序免费...
透视安卓版!微乐小程序免费黑科... 透视安卓版!微乐小程序免费黑科技,微乐自建房脚本免费下载入口(透视)切实是真的挂(哔哩哔哩)一、微乐...
第9分钟神器!微乐小程序免费黑... 第9分钟神器!微乐小程序免费黑科技,微乐小程序授权(开挂)总是存在有挂(2026)微乐小程序免费黑科...