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

Question

The project uses Maven, Spring Boot, Angular, Visual Studio Code editor.

How can I configure the project to reload the browser when angular files change?

spring-boot with angular app

With this dependency in pom.xml, the browser reloads when java files change.

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

Answer 1

Client-Server Integration

Server and client projects are on ports 8080 and 4200 respectively.

The client project's server will be the "front end" (localhost:4200) and all requests will be served by this server except URLs with the pattern "/".

The client server at 4200 will proxy any "/" requests to the "backend" server (localhost: 8080).

To configure this setup, create a file "proxy.conf.json" with the following contents.

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

Modify the “start” script in package.json:

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

Start the "frontend"

npm start

Start the "backend"

mvn spring-boot:run