如何在angular,spring-boot,maven项目中配置项目以自动重新加载浏览器

Question

该项目使用Maven、Spring Boot、Angular和Visual Studio代码编辑器。

如何配置项目以在角度文件更改时重新加载浏览器？

带棱角的Spring靴

利用pom.xml中的这种依赖关系，当java文件发生更改时，浏览器将重新加载。

<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-devtools</artifactId>
  <scope>runtime</scope>
</dependency>

Answer 1

客户端-服务器集成

服务器和客户端项目分别位于端口8080和4200上。

客户端项目的服务器将是“前端”(localhost:4200)，除了模式为“/”的URL之外，所有请求都将由该服务器提供服务。

要配置这个设置，创建一个包含以下内容的文件“proxy.conf.json”。

{
  "/" :{
    "target" : "http://localhost:8080",
    "secure" : false
  }
}

修改package.json中的“start”脚本：

"scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
},

启动“前端”

npm start

启动“后端”

mvn spring-boot:run