如何在tomcat服务器上部署Angular 2应用程序(Windows Server 2012)

Question

我是AngularJS 2框架的新手,我被卡住了!

我想在Windows Server 2012上部署应用程序(例如快速入门).我已经在其上安装了Apache tomcat.我做了什么:我使用命令npm build(有和没有"-prod")来生成dist文件夹(输出:index.html和bundle文件)然后我把它放到tomcat的'webapps'文件夹中,然后我试图使用我的浏览器访问该页面,索引页面显示"正在加载..."!我认为棱角分明不起作用......

我尝试在服务器上安装NodeJ然后生成一个简单的项目(npm install -g angular-cli)并在服务器上运行..它可以在localhost(服务器)上工作但在我的机器上使用"IP_of_sv:Port"Chrome给出我错了"ERR_CONNECTION_REFUSED"!

请帮我解释一下,请简单解释一下吗？

先感谢您!

Answer 1

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

转到dist文件夹内部并更改基本href,如href ="." 在index.html中.之后在tomcat根目录中复制dist文件夹并运行服务器..你可以在下面的屏幕截图中看到我们在tomcat服务器上运行的应用

Answer 2

您可以在index.html中 更改一个位置:<base href ="/">
使基本href成为tomcat中相对路径形式的webapps文件夹到包含angular应用程序的index.html的文件夹.

在您的情况下,将其更改为:<base href ="./ dist">
不需要进行其他更改.

Answer 3

我找到了解决方案：

我必须插入捆绑文件的正确路径！

例如，我更改了索引文件的 src 属性： src="inline.bundle.js"

到：src =“dist / inline.bundle.js”

刚刚添加了 DIST FOLDEEEEEER！哈哈，谢谢跑码的帮助！