Springboot在开发过程中热重装angular 8

Question

我正在用Springboot和Angular 8创建一个应用程序。我对Springboot是新手。我的计划是在src/main/resources中构建前端(ng build-将从MVN clean package)调用。

另一方面，如果我使用ng serve启动前端（在开发过程中），那么由于跨源问题，它将无法工作。

Answer 1

在开发过程中，我强烈建议您不要将前端与后端捆绑在一起（spring boot)，这会使开发变得更加复杂和困难。据我所知，在spring boot中没有办法“热重新加载”静态资源中的文件。即使这样，您将如何首先重新编译您的angular项目？对于mvn包，这是在编译时完成的，而不是运行时。

为了解决你的问题，我会做以下几点：

• 在开发前端时使用ng serve
• 独立启动spring boot后端（没有绑定的前端）

null

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "client:build",
    "proxyConfig": "proxy.conf.json"   <------- proxy config
  },
  "configurations": {
    "production": {
      "browserTarget": "client:build:production"
    }
  }
},

{
  "/api/*": {
    "target": "http://localhost:8080",
    "secure": false,
    "logLevel": "debug"
  }
}

您可能需要根据本地端口设置和其他内容更改配置。当您请求http://localhost:4200/api/any/endpoint时，它将被代理到http://localhost:8080/api/any/endpoint，而不会违反浏览器的任何CORS规则。

然后，您的前端应该被配置为对它当前所在的域执行请求，或者您可以有一个不同的环境文件用于prod和开发，在那里您可以简单地更改URL。