javascript - 如何在 ng-build 之后部署 ng2 应用程序

Question

我一直不明白 ng build 命令之后会发生什么。我的意思是，您实际上如何在普通服务器上加载构建的应用程序并访问它？到目前为止，我只找到了谈论ng serve 和ng build 的主题，说在ng build 之后你就完成了。但事实并非如此。

如果我尝试构建然后导航到该文件夹​​，我会在控制台中收到很多有关找不到文件等的错误...更不用说有关不匹配路由等的错误了。

事实是，使用 ng serve 构建之前的应用程序非常有效，但我不能去客户端说:“好吧，你必须使用 ng serve”。

开个玩笑，我如何在不使用 GitHub 页面和其他主机，而是使用我自己的服务器的情况下实际提供我构建的应用程序？

我发誓我在这个主题上搜索了很多，但我从来没有找到一个“稳定”的解决方案。

感谢您提供任何可能的提示。我被这件事吓坏了。

Answer 1

因为新<base href="/"> html 中的属性，应用程序正在相应的根文件夹中查找您的 Assets 。

因此请尝试删除并运行，以便它可以工作并加载 base href在运行时。

你可以使用下面的代码让它工作

import {APP_BASE_HREF} from '@angular/common';
{provide: APP_BASE_HREF, useValue : '/' }

或使用javascript

document.write('<base href="' + document.location + '" />');