在Angular应用程序的根模块中，可以使用“HashLocationStrategy”代替默认的“PathLocationStrategy”来解决这个问题。这将创建一个带有哈希(#)的URL，而不是没有哈希(#)的URL。因为哈希(#)不会发送到服务器，所以刷新页面时不会出现404错误。

更改“app.module.ts”文件中的路由器设置如下：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Routes, RouterModule } from '@angular/router';

import { AppComponent } from './app.component';

const routes: Routes = [
  // your routes here
];

@NgModule({
  imports: [BrowserModule, RouterModule.forRoot(routes, {useHash: true})],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

在“RouterModule.forRoot()”方法中，将“{useHash: true}”传递给第二个参数即可启用哈希(#)模式。这将确保在刷新页面时不会出现404错误。