如何在 GoDaddy 上托管 Angular-CLI 项目?
How to host an Angular-CLI project on GoDaddy?
我使用 angular-cli
为我的家人重建了一个小型企业网站,它全是前端代码,没有服务器。我 运行 遇到了在 GoDaddy
上托管网站的问题。我能够让 index.html
中的初始登陆页面显示在主 url 上,但是路由 none 工作正常。每页显示一个404
。它在当地运行良好。
我假设这是一个构建问题,但我想这可能是一个完全不同的问题,我需要一种新方法。
我的构建步骤:
ng build --prod
- 通过
ftp
复制 /dist over to public_html
中的文件
如有任何帮助,我们将不胜感激。我可以提供任何必要的文件,我只是不知道从哪里开始。
解决方案
我没有在我的路由器中实现 HashLocationStrategy
。这样做之后一切都按预期进行。
解决方案
我没有在我的路由器中实现 HashLocationStrategy。这样做之后一切都按预期工作。
我正在使用#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 和 HashLocationStrateg
但对于单页应用程序,HashLocationStrategy 更好。对于 Angular,应使用通用 PathLocationStrategy。
我使用 angular-cli
为我的家人重建了一个小型企业网站,它全是前端代码,没有服务器。我 运行 遇到了在 GoDaddy
上托管网站的问题。我能够让 index.html
中的初始登陆页面显示在主 url 上,但是路由 none 工作正常。每页显示一个404
。它在当地运行良好。
我假设这是一个构建问题,但我想这可能是一个完全不同的问题,我需要一种新方法。
我的构建步骤:
ng build --prod
- 通过
ftp
复制
/dist over to public_html
中的文件
如有任何帮助,我们将不胜感激。我可以提供任何必要的文件,我只是不知道从哪里开始。
解决方案
我没有在我的路由器中实现 HashLocationStrategy
。这样做之后一切都按预期进行。
解决方案
我没有在我的路由器中实现 HashLocationStrategy。这样做之后一切都按预期工作。
我正在使用#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 和 HashLocationStrateg 但对于单页应用程序,HashLocationStrategy 更好。对于 Angular,应使用通用 PathLocationStrategy。