Javascript 如何配置在War中运行的Angular 5项目？使用Angular CLI

我正在使用AngularCLI替换由3部分组成的AngularJS企业应用程序

应用程序的结构就是这样的。我正在尝试重写应用程序2-

登录（app1）->路由（到第三方应用）和用户设置（app2）->管理功能（app3）

现在的问题是Java应用程序在端口8080上运行，而CLI在4200上运行。这没什么大不了的，我可以使用proxy.conf.json访问我的开发服务器

这是我的代理文件-

{
    "**":{
        "target": "http://localhost:8080",
        "secure": false,
        "loglevel": "debug",
        "changeOrigin": true
    }
}

我的问题是，我必须运行两台服务器，从一个应用程序到下一个应用程序的集成将非常困难。我必须发布一个prod版本，并尝试集成到其他应用程序中。使用JSP时会出现cookies和其他DOM数据问题。基本上，使用此工作流是低效的。但我真的很喜欢这部电影

有没有办法配置CLI来解决此问题？我应该从头开始安装网页包吗？还有谁遇到过这样的问题吗？我是Webpack的初学者，刚接触Angular 5（2+）

---

请帮忙

一个好的解决方案是将您的Angle项目转换为maven项目，您可以轻松地从中创建war

• 我使用了简单的webapp

目录结构-

AngularApp
├── pom.xml
├── src
│   └── main
│       ├── java
│       ├── resources
│       ├── webapp
│       └── angularapp

打开pom.xml并配置以下三个maven插件：-

• 编译插件
• 战争插件
• 执行插件

---

您可以在pom.xml中指定所有构建参数，当您运行pom.xml时，它将生成一个war文件。

对不起，我已经有了一个war文件，以及一个我想在其中运行的java项目。我想在同一台服务器上运行它，即在端口8080上。是的，为此，您需要将war文件部署到任何web服务器或应用程序服务器，并在提取war文件的部署文件夹内，您需要创建一个文件夹，复制angular build生成的dist文件夹的内容，并在index.html中更改basehref标记。例如，在apache tomcat中，如果部署war文件，进入tomcat文件夹->webapps并创建一个新的文件夹名，比如说ngApp，复制ng build生成的dist文件夹的内容，打开index.html并更新。现在，您可以在localhost:8080/ngApp上访问angular应用程序。我不知道您有什么问题。这是一种常见的设置，用于API部件的服务器和用于前端开发的Angular CLI。