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、首先打开圣盛鄂州晃...
有了最新消息!点星休闲辅助器下... 有了最新消息!点星休闲辅助器下载!一贯是真的有开挂辅助教程(有挂总结)-哔哩哔哩一、点星休闲辅助器下...
代打辅助挂!榆林打锅子辅助器!... 代打辅助挂!榆林打锅子辅助器!本来是真的有开挂辅助app(有挂方式)-哔哩哔哩暗藏猫腻,小编详细说明...
2026版方法!潮友会鱼虾蟹骰... 2026版方法!潮友会鱼虾蟹骰子概率计算公式!总是存在有开挂辅助脚本(有挂工具)-哔哩哔哩1、游戏颠...
2026版辅助挂!牵手跑辅助!... 2026版辅助挂!牵手跑辅助!一直是真的有开挂辅助挂(的确有挂)-哔哩哔哩1、完成牵手跑辅助辅助器v...
反观!情怀国粹外g挂!切实真的... 反观!情怀国粹外g挂!切实真的是有开挂辅助器(有挂方法)-哔哩哔哩1、情怀国粹外g挂脚本辅助下载、情...
技巧辅助挂!玉海楼茶苑app辅... 技巧辅助挂!玉海楼茶苑app辅助!总是真的是有开挂辅助软件(有挂头条)-哔哩哔哩1、下载好玉海楼茶苑...