如何在GoDaddy上托管Angular-CLI项目?

时间:2018-08-14 18:58:06

标签: angular build routing angular-cli web-hosting

我使用angular-cli为家人重建了一个小型企业网站,所有网站都是前端代码,没有服务器。我在GoDaddy上托管网站时遇到问题。我能够在index.html中获得初始登录页面以显示在主URL上,但是所有路由均无法正常工作。每个页面显示一个404。在本地工作正常。

我假设这是一个构建问题,但我想这可能是一个完全不同的问题,我需要一种新的方法。

我的构建步骤:

  • ng build --prod
  • 通过/dist over to public_html复制ftp中的文件

任何对此的帮助将不胜感激。我可以提供任何必要的文件,我什至不知道从哪里开始。

解决方案

我没有在路由器中实现HashLocationStrategy。这样做之后,一切都按预期进行。

2 个答案:

答案 0 :(得分:2)

解决方案

我没有在路由器中实现HashLocationStrategy。这样做之后,一切都按预期进行。

答案 1 :(得分:0)

我正在使用#Angular9。我已成功将压缩的dist文件夹上传到Godaddy共享主机上的子域。无需实施HashLocationStrategy,我只需按照以下步骤在index.html中设置基本标记,即可按预期工作。

 <!doctype HTML>
 <html lang="en">
<head>
<meta charset="utf-8">
<title>MyApp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>

这意味着#Angular9应用程序可同时用于PathLocationStrategy和HashLocationStrategy 但对于单页应用程序,HashLocationStrategy更好。对于Angular Universal PathLocationStrategy应该使用。