将 angular2 应用程序与 gulp 捆绑后如何在 apache http 服务器上进行部署

Question

我一直在浪费大量时间来尝试学习如何部署 Angular 2。我尝试在 tomcat 上查看如何执行此操作，因为这是我被命令做的事情，但结果证明 tomcat 并没有真正使用为此，它更面向 java 和 jsp，所以我读过最好使用 Apache HTTP 服务器。

我刚刚安装了 Apache 服务器，我刚刚使用 gulp (https://github.com/swirlycheetah/generator-angular2) 安装了 npm，一切正常：我可以使用 gulp 在 localhost:3030 上运行我的应用程序 但我现在想使用 Apache 对其进行测试，

我已经尝试了几件事（因为我还没有看到一个地方解释这一点，也许这是一件非常基本的事情？）：

• 配置 apache .conf 文件以将 htdocs 更改为我创建的文件夹。我已经测试过了，当我访问 localhost 时，我在屏幕上看到了结果。

• 编译所有内容，得到一个名为 build 的文件夹，其中我的所有文件都更改为 .js 扩展名，所以我想，一定是这样。我复制了那里的所有文件、创建的 lib 文件夹以及 index.html 和 css 文件。没用。

• 尝试了几种组合选择一些我认为必要的文件而不是其他文件。没用。

• 复制了我用 gulp 测试过的整个项目，使用 eclipse 等工作，包括 .ts 和 .d.ts 文件，我读过的文件不应该存在并且不存在必要的，它的工作原理。

所以我想知道这是如何真正做到的，因为我觉得我没有做任何改进。在阅读了一篇又一篇文章和一篇又一篇博客之后，我只需将 .ts 文件转换为 .js，并将该 javascript 文件放在服务器使用的“某些”文件夹中，它就可以工作了。不仅没有，而且当我使用原始的 .ts 文件时，它确实如此。

可能发生了什么，更重要的是，这个部署（我猜它被称为别的东西，因为我找不到很多东西）如何正确完成？

Answer 1

确保 index.html 页面中的 .js 文件路径正确。当您在文件夹中生成 .js 文件（如 build）时，您的 index.html 可能会保留这些 .js 文件的源路径，例如 src="inline.js"。因此，当您访问构建文件夹 - localhost/build 中的 index.html 时，它会在 localhost 中查找那些 .js 文件，而不是 localhost/build。尝试将这些 .js 文件的源路径更新为 /build/。 src="/build/inline.js"。

Answer 2

您可以使用浏览器同步中的代理选项来做到这一点。 proxy option link

我没试过，但可能对你有帮助。