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

时间:2016-08-02 11:12:29

标签: javascript apache angular gulp

我一直在浪费大量时间来学习如何部署角度2.我试着在tomcat上查看如何做到这一点,因为那是我被命令做的事情,但事实证明tomcat并没有真正用于此,更多的是面向java和jsp,因此我更好地使用Apache HTTP服务器。

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

我尝试了几件事(因为我还没有看到一个地方解释这个问题,也许这是一件非常基本的事情?):

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

  • 编译了所有内容,得到了一个名为build的文件夹,我的所有文件都改为.js扩展名,所以我想,那一定是它。我复制了那里的所有文件,创建了lib文件夹,以及index.html和css文件。不行。

  • 尝试了几种我认为必要的文件,而不是其他文件。不行。

  • 复制了我用gulp测试过的整个项目,其中包含.ts和.d.ts文件,其中包括.ts和.d.ts文件,包括.ts和.d.ts文件。在那里,没有必要,它的工作原理。

所以我想知道这是怎么做到的,因为我觉得我没有做任何改进。在博客之后阅读帖子后博客关于我只需要将.ts文件转换为.js,并简单地将这些javascript文件放在" some"服务器使用的文件夹,它会工作。它不仅没有,而且当我使用原始的.ts文件时。

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

你可以使用浏览器同步中的代理选项来实现这一点。 proxy option link

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