如何在本地tomcat服务器上部署angular2应用程序？

Question

我一直在用lite服务器开发一个angular2应用程序.现在我想在tomcat服务器上部署这个应用程序以连接java后端.我一直在使用角度cli.我使用命令'ng build -prod'来生成dist文件夹.根据angular2的udemy教程,该文件夹的内容是部署angular2项目所需的全部内容.我将此文件夹的内容放在java项目的WebContent文件夹中,然后单击eclipse IDE中的绿色按钮开始提供文件.在其他项目中,我可以用这种方式成功部署html和javscript文件.但是对于这个angular2项目,"正在加载..."出现,应用程序永远不会启动.控制台显示这些错误.

GET http:// localhost:8080/vendor/es6-shim/es6-shim.js [HTTP/1.1 404 Not Found 3ms] GET http:// localhost:8080/vendor/reflect-metadata/Reflect.js [HTTP/1.1 404未找到4ms] GET http:// localhost:8080/vendor/systemjs/dist/system.src.js [HTTP/1.1 404 Not Found 4ms] GET http:// localhost:8080/vendor/zone.js/dist/zone.js [HTTP/1.1 404 Not Found 4ms] GET http:// localhost:8080/vendor/reflect-metadata/Reflect.js [HTTP/1.1 404 Not Found 1ms] GET http:// localhost:8080/vendor/systemjs/dist/system.src.js [HTTP/1.1 404 Not Found 2ms] GET http:// localhost:8080/vendor/zone.js/dist/zone.js [HTTP/1.1 404 Not Found 2ms] ReferenceError :系统未定义

这些错误对我来说似乎很奇怪,因为我在这些位置看到了文件.

当我在angular2 cli项目文件夹中运行服务时,该应用程序运行正常.

如何在不运行light服务器的情况下在tomcat服务器中部署dist文件夹,或者轻型服务器可能需要同时运行？做这个的最好方式是什么？

Answer 1

我正在运行一个小脚本来构建项目,然后将其复制到tomcat.我告诉angular它将在tomcat中运行的基本目录是什么.

#!/bin/sh
ng build --base-href /angular/ --prod
mkdir -p /home/xxx/apache-tomcat-8.0.37/webapps/angular
cp -R /home/xxx/angular-clitest/dist/* /home/xxx/apache-tomcat-8.0.37/webapps/angular/

一旦运行,启动tomcat,你可以访问它:http:// localhost:8080/angular