ng build dist 文件夹不呈现站点

Question

我在使我的 angular2 应用程序在 ftp 服务器上工作时遇到问题。 这是我第一次将 angular2 站点添加到 ftp 服务器。 我在项目文件夹中运行了 ng build 并将 dist 文件夹放在 ftp 服务器上，但我得到的只是消息 Loading... from index.html Loading... 运行 ng build 后是否还有我丢失的步骤. 我也在控制台中收到以下错误

它说丢失的文件位于 dist 文件夹中，所以我不确定为什么会出现该错误。 我已经坚持了几天了，所以非常感谢任何帮助。

Answer 1

我用命令修复了这些问题

ng build --base-href="./"

并且在 angular.json 文件中，必须仅使用 dist 设置属性 outputPath。

这里是一个例子： https://javadesde0.com/deploy-subida-de-una-aplicacion-de-angular-a-github-pages-de-forma-totalmente-gratuita/ by David Bernal

Answer 2

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

那么您想将生产构建部署到Apache2服务器吗？ 你会注意到那个

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

这可以通过添加.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>

请查看此以获取更多信息。