在托管 name.com 错误路由 url 中部署 Angular 6

Question

我已将使用 angular 6 和 cli 制作的应用程序加载到 name.com 的常规托管中

为此，我遵循了以下步骤：

• ng build --prod
• 这会为我生成dist 文件夹
• 在宿主的根文件夹public_html我创建了一个子文件夹 叫/test1，我把dist文件夹的所有内容放在那里

显然，除了几件事之外，一切都正常：例如，在路线上一切正常，但是当我复制并粘贴 url 或更新我当时所在的页面时，我收到以下错误：

未找到。

在此未找到请求的 URL /section/subsection 服务器。 此外，在尝试使用 ErrorDocument 处理请求时遇到 404 Not Found 错误。

所以当我运行http://example.com/test1 时它工作正常，但是当我输入http://example.com/test1/mysection 时它不再工作了。但是，如果我通过主菜单在网站内导航，它就可以正常工作。

这可能会发生吗？

Answer 1

如果您要部署到子文件夹，则需要同时指定 --deploy-url 和 --base-href 选项，以便您的资产正确解析并让路由正常工作：

ng build --prod  --deploy-url /test1/ --base-href /test1/