Spring Boot + Angular 2结构

时间:2016-12-31 09:52:26

标签: angular spring-boot angular-cli

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

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

    Angular 1 中,您可以将 index.html 放入公用文件夹。

    Angular 2 index.html 文件夹中生成 src ,我想保留结构

    我的问题是我应该怎么做才能使 index.html 显示为 Spring Boot 并保持结构生成通过 Angular CLI.

    感谢您的回答。

3 个答案:

答案 0 :(得分:6)

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

2个步骤:

  1. .angular-cli.json 文件中设置 outDir
  2. enter image description here

      Angular 2项目根目录中的
    1. 类型:

      ng build
      
    2. (!请注意这适用于 在Angular CLI工具中生成的Angular 2项目,对于Angular 2项目不是由Angular CLI工具创建的,outDir在 tsconfig.json 文件中编辑

答案 1 :(得分:2)

检查我的Spring Boot 2和Angular 6启动器here

答案 2 :(得分:2)

有一个名为 JHipster 的框架。很容易开发,部署Spring Boot + Angular Apps。看看他们的样本,这将有所帮助。 链接位于:https://jhipster.github.io/

Jhipster支持AngularJS和Angular,因此你可以找到两个来源