Angular11路由刷新报错问题

Edited on In , ,

前言

在进行相应的路由(页面)跳转，刷新页面后，服务路由找不到URL上的页面地址，所以就会报 404 - Page Not Found。
由于Angular11 Cli 的路由默认是基于HTML5有历史记录的路由方式

解决方式

方式一：

在开发项目工程根目的src/app/app.module.ts 文件中 添加Angular内置的哈希路由模块：

1
2
3
4
5
6
7
8
// 引入Angular内置的哈希模块
import { LocationStrategy, HashLocationStrategy } from "@angular/common";
 
 
// 把哈希模块注入到配置中
providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy }
],

方式二：

在开发项目工程根目的src/app/app-routing.module.ts 文件中 开启哈希路由方式：{useHash: true}

1
2
3
4
5
6
@NgModule({
  
 // imports: [RouterModule.forRoot(routes)], 
    imports: [RouterModule.forRoot(routes, { useHash: true })],
    exports: [RouterModule]
})

本文地址： https://github.com/maxzhao-it/blog/post/43396/