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

相关内容

热门资讯

一分钟教会你!wpk安卓下载辅... 一分钟教会你!wpk安卓下载辅助(辅助挂)果然真的是有挂(真的有挂)1、实时wpk安卓下载辅助透视辅...
分享开挂内幕!hhpoker有... 分享开挂内幕!hhpoker有没有辅助(辅助挂)总是真的是有挂(有挂方式)1、超多福利:超高返利,海...
揭秘几款!wejoker辅助器... 揭秘几款!wejoker辅助器要钱玩吗(辅助挂)本来真的有挂(有挂技术)wejoker辅助器要钱玩吗...
实测分享!wepoker轻量版... 实测分享!wepoker轻量版辅助(辅助挂)总是存在有挂(详细教程)1、在wepoker轻量版辅助插...
重大来袭!大菠萝辅助器(辅助挂... 重大来袭!大菠萝辅助器(辅助挂)果然有挂(有挂技巧)1、首先打开大菠萝辅助器辅助器下载最新版本,在大...
每日必看教程!hhpkoer辅... 每日必看教程!hhpkoer辅助器(辅助挂)果然存在有挂(果真有挂)1.hhpkoer辅助器 选牌创...
重大消息!佛手在线有挂吗(辅助... 重大消息!佛手在线有挂吗(辅助挂)确实是有挂(有挂方法)1、首先打开佛手在线有挂吗辅助器下载最新版本...
玩家必看秘籍!竞技联盟辅助插件... 玩家必看秘籍!竞技联盟辅助插件(辅助挂)果然是真的有挂(揭秘有挂)暗藏猫腻,小编详细说明竞技联盟辅助...
热点讨论!wepoker游戏安... 热点讨论!wepoker游戏安装教程(辅助挂)竟然有挂(有挂技术)1)wepoker游戏安装教程辅助...
最新技巧!wepoker有透视... 最新技巧!wepoker有透视功能吗(辅助挂)一直是真的有挂(有挂细节)1、下载好wepoker有透...