Angular Spring 引导 Web 应用程序中的 2 个文件
Angular 2 Files within Spring Boot Web Application
我正在使用 Java EE 通过 eclipse neonspring 启动 angular 2 网络应用程序。我一直在阅读很多方法来做到这一点，但大多数人似乎建议将静态资源保存在“resources 下的“static”文件夹中" 项目中的文件夹。但是，有些人似乎说要在主 src[=29] 中使用“client”或“frontend”文件夹=] 项目的文件夹。
我正在使用预构建的 angular 2 前端，并希望在我的应用程序中使用它。 angular 文件的标准位置在哪里？我是将我的组件、样式、html 和图像文件保存在 "static" 文件夹中，还是保存在 "frontend" 文件夹中？你们过去都做过什么？
最终目标是不将前端与后端捆绑在一起，我这样做只是为了开发。
此外，如果将文件添加到主 src 文件夹，我是否也需要为我的测试项目（在我的应用程序的测试文件夹中）执行此操作？
谢谢！
我在 github 上有这样的例子
https://github.com/jroneil/WebRanking 使用 Angular JS 但 2 可以使用相同的文件夹结构你可以在这里看到实际的文件夹结构
https://github.com/jroneil/WebRanking/tree/master/src/main/resources
- Spring 引导可以使用静态文件 他们进入 src/main/resources
目录
- 您可以使用纯 HTML 文件或 HTML 模板，例如
freemarker 或 spring thymeleaf
- 静态文件放在资源下的静态文件夹中，这些是图像，css 和 js 文件
- 模板位于模板文件夹下，这些模板可以是 freemarker 模板或 spring tymeleaf 文件或其他文件
如果您没有将前端代码与后端捆绑在一起，那么将 angular 代码添加到资源文件夹或后端代码库中的任何位置是没有意义的。
仅出于开发目的，您可以使用 angular 基于 webpack 的服务器来呈现文件。有了这个，你的前端 angular 代码就无法调用 spring 引导 api。您可以定义一个代理服务来克服这个问题。
请参考此 link 创建代理。
https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/
这使得 angular 后端调用被代理到托管后端 API 的端点。使用这种方法，您可以单独管理前端和后端代码，它们之间没有依赖关系。
我正在使用 Java EE 通过 eclipse neonspring 启动 angular 2 网络应用程序。我一直在阅读很多方法来做到这一点，但大多数人似乎建议将静态资源保存在“resources 下的“static”文件夹中" 项目中的文件夹。但是，有些人似乎说要在主 src[=29] 中使用“client”或“frontend”文件夹=] 项目的文件夹。
我正在使用预构建的 angular 2 前端，并希望在我的应用程序中使用它。 angular 文件的标准位置在哪里？我是将我的组件、样式、html 和图像文件保存在 "static" 文件夹中，还是保存在 "frontend" 文件夹中？你们过去都做过什么？
最终目标是不将前端与后端捆绑在一起，我这样做只是为了开发。
此外，如果将文件添加到主 src 文件夹，我是否也需要为我的测试项目（在我的应用程序的测试文件夹中）执行此操作？
谢谢！
我在 github 上有这样的例子 https://github.com/jroneil/WebRanking 使用 Angular JS 但 2 可以使用相同的文件夹结构你可以在这里看到实际的文件夹结构 https://github.com/jroneil/WebRanking/tree/master/src/main/resources
- Spring 引导可以使用静态文件 他们进入 src/main/resources 目录
- 您可以使用纯 HTML 文件或 HTML 模板，例如 freemarker 或 spring thymeleaf
- 静态文件放在资源下的静态文件夹中，这些是图像，css 和 js 文件
- 模板位于模板文件夹下，这些模板可以是 freemarker 模板或 spring tymeleaf 文件或其他文件
如果您没有将前端代码与后端捆绑在一起，那么将 angular 代码添加到资源文件夹或后端代码库中的任何位置是没有意义的。
仅出于开发目的，您可以使用 angular 基于 webpack 的服务器来呈现文件。有了这个，你的前端 angular 代码就无法调用 spring 引导 api。您可以定义一个代理服务来克服这个问题。 请参考此 link 创建代理。 https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/
这使得 angular 后端调用被代理到托管后端 API 的端点。使用这种方法，您可以单独管理前端和后端代码，它们之间没有依赖关系。