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

Question

项目使用 Maven、Spring Boot、Angular、Visual Studio Code 编辑器。

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

带有角度应用程序的 spring-boot

有了 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 外，所有请求都将由该服务器提供服务。

4200 处的客户端服务器会将任何“/”请求代理到“后端”服务器（本地主机：8080）。

要配置此设置，请创建一个包含以下内容的文件“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