Angular刷新浏览器 404 问题

最近在用angular写一个后台的项目，遇到一个小问题。

进入某个路由页面以后，手动触发浏览器的刷新，而后就404了。。。

翻看Angular的文档，发现Google早已经给咱们想到了这个问题的处理方案

那就是Angular的hash风格的url，就是在浏览器的url里面加入一个#号

这样刷新的话，浏览器会忽略url的#号后面的，，等页面价值完成以后，才会再次处理#号。

若是我没记错的话，在非spa网页程序里面#是用于网页锚点处理。可是在spa程序里面，#竟然还能够这么用，真是佩服Google工程师的脑洞啊

处理方式也很简单：

在app.module.ts里面引入hash风格的库

import { HashLocationStrategy, LocationStrategy } from "@angular/common";

而后再放到provider里面去

  providers: [ {
    provide: LocationStrategy,
    useClass: HashLocationStrategy
  }]

再次在Vscode里面保存一下，webpack会自动从新编译并刷新浏览器。这时候，url的风格就成了一个带#的，这时候随便怎么刷新浏览器，都能正常了