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、完成微乐小...
黑科技透视挂!微乐辅助工具哪个... 黑科技透视挂!微乐辅助工具哪个好用(透视挂),微乐海南麻将总是是有透视挂脚本1、该软件可以轻松地帮助...
黑科技外挂!微信小程序微乐破解... 黑科技外挂!微信小程序微乐破解器(外挂),微乐浙江麻将确实是真的有透视挂方法1、上手简单,内置详细流...
黑科技辅助!微乐建房辅助工具免... 黑科技辅助!微乐建房辅助工具免费入口(辅助),微乐吉林麻将本来有透视挂软件1、微乐建房辅助工具免费入...
黑科技开挂!小程序微乐陕西挖坑... 黑科技开挂!小程序微乐陕西挖坑辅助(开挂),微乐鞍山麻将切实真的是有透视挂攻略小程序微乐陕西挖坑辅助...
黑科技开挂!微乐游戏小程序脚本... 黑科技开挂!微乐游戏小程序脚本(开挂),微乐斗地主填大坑竟然是真的有透视挂方法1、微乐游戏小程序脚本...
黑科技开挂!微乐小程序黑科技免... 黑科技开挂!微乐小程序黑科技免费(开挂),微乐云南麻将切实真的有透视挂技巧1、超多福利:超高返利,海...
黑科技辅助!微乐自建房安装挂免... 黑科技辅助!微乐自建房安装挂免费(辅助),微乐郑州麻将其实有透视挂攻略在进入微乐自建房安装挂免费软件...