Angular Project Router在站点上不起作用

Question

在我的本地计算机上，角度项目运行良好。

所以我通过FTP将其部署到服务器。

ng build

然后我将dist文件上传到服务器。然后，该URL有效。

www.miexchange.tech

如果我单击任意按钮转到其他页面，则效果很好。

但是，如果我单击刷新按钮或F5，则无法获得当前页面。

enter image description here

请看图片，现在效果很好。但是，如果单击刷新按钮，则会显示此页面。

enter image description here

请让我知道原因。

Answer 1

dist/index.html中的基本href是什么？尝试将其更改为

  <base href="/your/deployment/directory/on/the/server">

有关更多信息，您可以阅读https://angular.io/guide/deployment#the-base-tag

Answer 2

在您的根路由文件中添加{ useHash: true }

 @NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
 })