ng build dist文件夹不呈现网站

时间:2016-11-23 21:16:56

标签: angular

我在使用angular2应用程序在ftp服务器上运行时遇到问题。这是我第一次将angular2站点添加到ftp服务器。我在项目文件夹中运行build并将dist文件夹放在ftp服务器上,但我得到的是从index.html加载的消息Loading ...在运行ng build之后是否还有另一个步骤我缺少。我在控制台enter image description here

中也遇到以下错误

它说缺少的文件位于dist文件夹中,所以我不确定为什么我会收到该错误。我已经坚持了几天,所以任何帮助都非常感谢。 enter image description here

1 个答案:

答案 0 :(得分:0)

您必须将服务器配置为从索引文件中提供服务。

  

因此,您希望将生产版本部署到Apache2   服务器?你会注意到那个

     

重新加载页面,除了root,深度链接将导致404错误   (除非您使用的是HashLocation策略)。原因是   应通过index.html文件提供所有Angular2路由。

     

这可以通过添加.htaccess文件(在同一目录中)来实现   index.html所在的位置),内容如下。

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

查看this了解详情。