发布Angular 2应用程序

时间:2017-01-17 05:01:19

标签: angular

好的,也许我在这里完全是愚蠢的,但我要做的就是将我的测试项目发布给我的主机提供商。

这是我遵循的步骤:

跑:ng build -prod

等待创建dist文件夹:

enter image description here

FTP到我的托管服务提供商,将dist文件夹中的内容复制并粘贴到服务器上的public_html文件夹中。

导航到URL,我只看到一个白色屏幕,左上角有加载,控制台中有5个错误,上面写着:

enter image description here

有人可以向我解释我在这里做错了什么吗?

1 个答案:

答案 0 :(得分:1)

https://angular.io/docs/ts/latest/guide/router.html

  

在标记之后添加基本元素。如果app文件夹是应用程序根目录,就像我们的应用程序一样,请完全按照此处所示设置href值。

<base href="/">告诉Angular路由器URL的静态部分。然后路由器只修改URL的剩余部分。

在您的情况下,网址的静态部分为site.com/~activem1/,因此您必须在基本href中传递网址的其他部分。

<head>
  <base href="/~activem1/">
</head>

如果您正在使用angular-cli构建,则可以轻松地向package.json添加构建命令 "dist": "ng build --prod --base-href \"/~activem1/\"" 当你运行npm run dist时,基础href将由ng build命令设置。