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

Question

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

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

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

当我在 angular2 cli 项目文件夹中运行 ng serve 时，应用程序运行正常。

如何在不运行 light 服务器的情况下在 tomcat 服务器中部署 dist 文件夹，或者是否需要同时运行 light 服务器？执行此操作的最佳方法是什么？

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