如何在使用Spring Boot和Angular的应用中获得带有th:href="@{}"而不是href=""的链接？

Question

我在一个项目中有两个模块，第一个模块是前端应用程序(Angular CLI 8)，第二个模块是后端Spring Boot应用程序。我正在尝试使用maven将这两个模块一起部署。

所以我自动从前端应用程序的dist文件夹复制到后端资源中。
在由angular生成的文件index.html中，我有如下的css文件源：

<link rel="stylesheet" href="styles.css">

但我需要类似这样的东西：

<link rel="stylesheet" th:href="@{styles.css}"> 

如何配置Angular自动生成的dist包中所需的内容。

- Robert Witczyk

---

你真的需要使用Thymeleaf来服务Angular应用程序吗？ - Martin Choraine

是的，我的错误。我不需要thymeleaf，问题在于css/js文件的路径。这些文件应该默认在后端模块的resources/static/包中。 - Robert Witczyk

Answer 1

要使用Angular构建前端应用程序，并使用Spring Boot构建后端，我只能建议您看一下JHipster。

JHipster是一个开发平台，用于生成、开发和部署Spring Boot + Angular / React / Vue Web应用程序和Spring微服务。

我经常使用JHipster学习新的内容，如构建、监控、部署、安全、最佳实践等。

他们做了很多伟大的事情，使Angular与Spring Boot相容。

存储库示例：https://github.com/jhipster/jhipster-sample-app

您需要做的是将Angular配置设置为将目标文件夹设置为target/classes/static，然后添加配置以将Spring Boot重定向到资产。

- Martin Choraine