Angular redirectTo｜404頁面

Angular Routing路由前情提要

• Routing路由設定
• ActivatedRoute：用參數創建子頁面
• QueryParams：取得路由參數

使用redirectTo來達成404頁面

redirectTo可以將指定的路徑，導向到不同的頁面；同時也可以將所有不指定的路徑，導向到指定頁面，因此可以拿來做404頁面。

1. 創建page-not-found component

2. 設定路由

在app.module.ts，先定義404頁面的路徑；再使用redirectTo，將所有不指定路徑導向到404頁面：

const appRoutes: Routes = [
    ...,
    { path: 'not-found', component: PageNotFoundComponent }, 
    { path: '**', redirectTo: '/not-found' }, 
]