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

时间:2018-08-08 00:11:49

标签: java angular maven spring-boot visual-studio-code

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

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

spring-boot with angular app

在pom.xml中具有此依赖性,当Java文件更改时,浏览器会重新加载。

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

1 个答案:

答案 0 :(得分:3)

客户端-服务器集成

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

客户端项目的服务器将是“前端”(localhost:4200),所有请求都将由该服务器处理,但URL的模式为“ /”。

位于4200的客户端服务器将把所有“ /”请求代理到“后端”服务器(本地主机:8080)。

要配置此设置,请创建具有以下内容的文件“ proxy.conf.json”。

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

修改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"
},

启动“前端”

npm start

启动“后端”

mvn spring-boot:run