集成Angular4作为前端，Java作为后端答案

【问题标题】：Integrate Angular4 as front-end and Java as back-end集成Angular4作为前端，Java作为后端
【发布时间】：2018-05-04 02:33:40
【问题描述】：

我正在遵循以下说明：http://javasampleapproach.com/java-integration/integrate-angular-4-springboot-web-app-springtoolsuite 创建 angular4 作为前端，java 作为后端。我已经成功地整合了它。但我面临的一个问题是：由于angular和java在两个不同的项目中，每次前端改动时，都需要运行ng build --env=prod来制作dist文件夹，然后复制dist文件夹中的all到后端的资源/静态。请告诉我，如果我在 angular 项目中进行更改，我们是否有任何方法可以做，我不需要初始化 dist 文件夹并将其复制并粘贴到 java 项目中。

非常感谢。

【问题讨论】：

标签： java angular

【解决方案1】：

它很简单...您必须创建一个父 maven 项目和两个子项目，如前端和后端...您可以使用 frontend-maven-plugin 自动化节点构建和 ng 构建，您可以将其打包为前端。 jar 并将其作为后端子项目中的依赖项...有一个有用的链接可以讨论有关此项目的更多信息...check out this link

【讨论】：

【解决方案2】：

为什么您不能只使用 http://localhost:4200 运行您的客户端？

正如我所见，您已经进行了代理设置：将前缀为 /api 的所有请求重定向到服务器 http://localhost:8080：

proxy.conf.json

{
    "/api": {
        "target": "http://localhost:8080",
        "secure": false
    }
}

这意味着您可以在端口8080 上运行服务器，在端口4200 上运行客户端（客户端会将所有请求重定向到服务器）并且您不应将客户端复制到服务器文件夹。

【讨论】：

【解决方案3】：

您可以使用您的 java webapp 路径更改 angular-cli.json 文件中的 outdir 字段

【讨论】：