2016-11-28 151 views
6

我是AngularJS 2框架中的新成员,我被卡住了!我如何在Tomcat服务器上部署Angular 2应用程序(Windows Server 2012)

我想在Windows Server 2012上部署应用程序(例如快速入门)。我已经在其上安装了Apache Tomcat。 我做了什么: 为了生成dist文件夹(输出:index.html &捆绑文件),我使用了命令npm build(带和不带“-prod”),然后将它放到tomcat的'webapps'文件夹中,然后我尝试使用我的浏览器访问该页面,索引页显示“正在加载...”!我认为角度不工作...

我试图在服务器上安装NodeJs,然后生成一个简单的项目(npm install -g angular-cli)并在服务器上运行它..它工作在本地主机上(服务器),但在我的机器上使用“IP_of_sv:端口”铬给我一个错误“ERR_CONNECTION_REFUSED”!

请你帮我解释一下简单的解释吗?

预先感谢您!

回答

1

我已经找到了解决办法:

我必须插入正确的路径包文件

我改变了考试! SRC = “inline.bundle.js”

到:从PLE索引文件的src attribut SRC = “DIST/inline.bundle.js”

刚刚添加的DIST FOLDEEEEEER!哈哈 谢谢您运行码为您的帮助!

2

只需使用任何构建任务构建它(开发包将包含一些源映射,并且不必担心服务器上有节点,因为节点仅用于开发工具,那么只需复制所有文件在dist文件夹中查看index.html,并确保对各种脚本的引用是正确的。应用程序需要运行的唯一一件事是索引中的脚本,不需要节点

+1

谢谢你的回答。 我仍然有问题! 我使用ng build来生成dist文件夹, [我检查了所有脚本的格式是否正确,就像你告诉我的一样! ] [1] 但在浏览器中,我收到了404错误消息: [找不到包文件!] [2] 我已经使用了一些组合..(创建一个新的文件夹“test/x.js”,将路径改为dist/test/x.js,但没有结果!) 预先感谢您的帮助! [1]:https://i.stack.imgur.com/DP3nF.png [2]:https://i.stack.imgur.com/haflx.png – altd

3

可以在的index.html改变一个地方: <基本href =“/” >
制造基地的href是你的相对路径形式的webapps文件夹中的tomcat到包含索引的文件夹.html的角度应用程序。

在你的情况下,将其更改为: <基地HREF = “./ DIST” 需要>
没有其他变化。

11

如果您正在使用angular-cli命令来创建角度2项目,那么cli已经给出了一些命令来将您的应用程序部署到生产环境中。在您的项目目录中使用如ng build --prod的命令,它会在您的目录中生成dist文件夹。enter image description here

转到里面dist文件夹并更改基地href像href =“。” index.html中的。在tomcat根目录下复制dist文件夹并运行服务器。 enter image description here。你可以在下面看到我们在tomcat服务器上运行的应用程序的截图。 enter image description here

+1

它可以无缝工作。但有没有什么办法,以便我不需要更改index.html中的href值 –

+0

传递它像ng build --base-href =/BaseRef / –

相关问题