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

相关内容

热门资讯

透视机巧!德普辅助器怎么用,德... 透视机巧!德普辅助器怎么用,德普之星app其实真的有下载,1分钟教程(有挂工具)在进入德普辅助器怎么...
透视法子!aapoker脚本,... 透视法子!aapoker脚本,AApoker下载本来有开挂,第3分钟教程(有挂解惑)1、下载好aap...
透视经验!wejoker辅助软... 透视经验!wejoker辅助软件视频,WePoKer机器人确实真的有脚本,第9分钟教程(证实有挂)1...
透视要领!aapoker怎么选... 透视要领!aapoker怎么选牌,AApoker软件一直有插件,五分钟教程(有挂规律)1、点击下载安...
透视教程书!hhpoker俱乐... 透视教程书!hhpoker俱乐部是干嘛的,HHpoker免费果然有神器,4分钟教程(真的有挂)1)h...
透视窍要!hhpoker为什么... 透视窍要!hhpoker为什么一直输,HHpoker德州局切实是有神器,第八分钟教程(有挂教程)hh...
透视步骤!wpk真的有透视嘛,... 透视步骤!wpk真的有透视嘛,WPK辅助器真是是有透视,五分钟教程(有挂神器)1、在wpk真的有透视...
透视操作!哈糖大菠萝有挂吗,H... 透视操作!哈糖大菠萝有挂吗,HHpoker模拟器本来存在有开挂,7分钟教程(有挂功能)1、哈糖大菠萝...
透视讲义!wpk模拟器多开,W... 透视讲义!wpk模拟器多开,WPK俱乐部确实是有工具,第8分钟教程(详细教程)1、玩家可以在wpk模...
透视窍要!哈糖大菠萝攻略,We... 透视窍要!哈糖大菠萝攻略,WePoKer破解器好像真的是有教程,第8分钟教程(有挂工具)哈糖大菠萝攻...