Spring Boot + Angular 2 结构

Posted 2023-02-27

【中文标题】Spring Boot + Angular 2 结构

【英文标题】：Spring Boot + Angular 2 structure

【发布时间】：2017-05-15 09:41:57

【问题描述】：

在我的项目中，我想使用 Spring Boot 和 Angular 2.

Spring Boot App的结构是从Spring Initializer完成的。 Angular 2 App的结构由Angular CLI工具(ng new myfrontendapp)完成

在 Angular 1 中，您可以将 index.html 放入 public 文件夹。

在 Angular 2 中，index.html 是在 src 文件夹中生成的，我想保留该结构 。

我的问题是我应该怎么做才能使 Spring Boot 可见 index.html 并保持 生成的 结构 Angular CLI.

感谢您的任何回答。

【问题讨论】：

使用您的构建工具将ng-cli的输出（即dist文件夹（不是src）的内容）打包到生成的jar文件的公共或静态目录中。

谢谢，解决了我的问题！

【参考方案1】：

解决方案是将 Angular 2 项目的构建输出重新定位到 Spring Boot /static 或 /public 文件夹中。

2 个步骤：

在.angular-cli.json文件中设置outDir：

在 Angular 2 项目根目录中输入：

ng build

---

（！请注意，这适用于 Angular CLI 工具中生成的Angular 2 项目，对于不是由Angular CLI 工具创建的Angular 2 项目，outDir在 tsconfig.json 文件中编辑）

【参考方案2】：

有一个名为 JHipster 的框架。很容易开发、部署 Spring Boot + Angular Apps。查看他们的样本，这会有所帮助。 链接在这里：https://jhipster.github.io/

Jhipster 同时支持 AngularJS 和 Angular，因此你可以找到这两个来源

【讨论】：

这看起来很棒。感谢您的提示。

【参考方案3】：

检查我的 Spring Boot 2 和 Angular 6 starter here。