一旦你的angular2应用程序与gump捆绑在一起,如何在apachehttp服务器上部署

How to deploy on apache http server once you have your angular2 application bundled with gulp

本文关键字:apachehttp 部署 服务器 在一起 angular2 应用程序 gump      更新时间:2023-09-26

我一直在浪费很多时间来学习如何部署angular 2。我试着在tomcat上四处寻找如何做到这一点,因为这是我被命令要做的,但事实证明tomcat并没有真正用于此,它更面向java和jsp,所以我读到最好使用Apache HTTP服务器。

我刚刚安装了Apache服务器,我刚刚用gull(https://github.com/swirlycheetah/generator-angular2),一切都很好:我可以在localhost:3030上用gulp运行我的应用程序,但我现在想用Apache、测试它

我试过几件事(因为我没有看到任何一个地方解释这一点,也许这是一件非常基本的事情?):

  • 配置apache.conf文件,将htdocs更改为我创建的文件夹。我已经测试了它的工作原理,当我访问localhost时,我会在屏幕上看到结果。

  • 编译了所有东西,得到了一个名为build的文件夹,我所有的文件都改为.js扩展名,所以我想,一定就是这样。我复制了那里的所有文件,创建的lib文件夹,以及index.html和css文件。不起作用。

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

  • 复制了我用gulp、eclipse等测试过的整个项目,包括.ts和.d.ts文件,我读过这些文件不应该在那里,也没有必要,它确实有效。

所以我想知道这到底是怎么做到的,因为我觉得我没有进步。在阅读了一篇又一篇关于我的文章和博客后,我只需要将.ts文件转换为.js,并将javascript文件放在服务器使用的"某个"文件夹中,它就可以工作了。不仅没有,而且当我使用原始的.ts文件时,它确实有。

可能发生了什么,更重要的是,这个部署(我想它被称为其他东西,因为我找不到太多东西)是如何正确完成的?

确保index.html页面中的.js文件路径正确。当你在一个文件夹(比如build)中生成.js文件时,你的index.html可能会保留那些.js文件的源路径,比如src="inline.js"。所以当你访问build文件夹-localhost/build中的index.html时,它只在localhost中查找那些.js文件,而不是localhost/build。尝试将这些.js文件的源路径更新为/build/。src="/build/inline.js".

您可以使用浏览器同步中的代理选项来完成此操作。。代理选项链接

我没有试过,但可能会对你有所帮助。