实时更新Spring启动项目的前端更改

时间:2017-09-18 10:49:34

标签: java spring maven spring-boot

我使用Spring启动项目,前端编写在HTML/CSS/JavaScript中。到目前为止这很简单,我觉得唯一的问题就是每次更改前端时,我需要反复关闭并重新启动IntelliJ。这很烦人且非常耗时。在阅读了一些在线帖子后,我做了以下步骤,似乎更新后端被认可给了程序,但是,原始需求仍然不满意。

一个。我在POM文件中使用maven依赖项

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-devtools</artifactId>
        <version>1.5.7.RELEASE</version>
        <optional>true</optional>
    </dependency>

该文档说运行完全打包的应用程序时会自动禁用开发人员工具。如果您的应用程序是使用java -jar启动的,或者如果它是使用特殊的类加载器启动的,那么它将被视为生产应用程序&#34;。因此,我已将包装更改为war中的POM文件,例如<packaging>war</packaging>

此外,在IntelliJ设置中,我已更改为 Compiler -> make project automatically

B中。我在浏览器中添加了LiveReload Chrome extension。当我点击图标时,似乎操作刷新页面。但是,HTML的内部更改并不反映浏览器。

我需要做什么才能将Spring启动项目的前端更改实时更新到Chrome浏览器?这将有助于了解,谢谢。

更新

正如有人问的那样,我计划使用thymeleaf开发前端,并在POM文件中具有依赖关系。

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

下面提供了application.properties文件,

enter image description here

Thymeleaf的缓存以false提供。

spring.thymeleaf.cache=false

1 个答案:

答案 0 :(得分:2)

我发现评论中建议有用的解决方案是再次构建项目,然后在浏览器中刷新/实时更新页面。在Mac OS中,它将是COMMAND + FN + F9或使用GUI

enter image description here

您当然不需要重新启动项目,这样可以节省大量时间。