在域名下托管Angular 9 App

Question

我已经搜索了很多关于托管angular应用的答案，我有一个production build angular包，它的文件夹是这样的：

​

​

我碰巧有一个以www.example.com作为域名的基本主机服务，我能够上传到public_html文件夹，并且能够使用angular应用程序。然而，url有#，这意味着即使主页也有像www.example.com/ #/ home这样的url结构，有没有什么方法可以至少显示主页而不使用像wwww.example.com这样的#/之类的东西，它会显示主页。

Answer 1

这里你需要考虑两件事：

https://angular.io/guide/router#locationstrategy-and-browser-url-styles：

1. 确保您的angular应用程序使用的是HTML5位置策略

1. 确保您的宿主环境支持单页应用程序。这意味着所有未映射到物理文件/api端点或其他资源的路径都应该返回相同的index.html文件，因为它们将在客户端由angular应用程序处理。

Answer 2

您已从默认PathLocationStrategy切换到HashLocationStrategy。恢复此状态。

在您切换回PathLocationStrategy后，请确保您的服务器已设置为SPA服务；这意味着所有未指向现有资源的路径都应为您提供index.html。

另外，不要忘了指定<base href="/">。这将确保当应用程序在嵌套路径中启动时，您的路由可以正常工作。