在 Spring Boot 中将 Angular 环境变量传递给编译的静态 Angular 文件

Question

我现在正在使用 Angular 和 Spring Boot 来构建网站项目。当我们部署时，我们将ng build --output-path=../spring-boot-project/src/main/resources/static", angular 并在spring boot 中生成一个静态文件夹，如/resource/static。然后我们构建一个 .jar 文件并将其部署到我们的产品（或实验室）环境。

所以当我们运行 .jar 文件时，我们如何将一些环境变量传递给 angular 部分（spring boot 项目中的静态文件）。

更具体地说，我想在spring boot application.yml中设置角度环境：

spring:
  profiles:
    active: dev
  main:
    banner-mode: "off"

---

spring:
  profiles: dev
angular.v1: "something1_dev"
angular.v2: "something2_dev"


---

spring:
  profiles: prod
angular.v1: "something1_prod"
angular.v2: "something2_prod"

我怎样才能将这些值（由于不同的配置文件而不同的值）传递到角度侧？

Answer 1

您所问的问题是，一旦您将角度生成的文件放在静态文件夹下，springboot 会将文件视为静态资产，并且不会使用任何模板引擎让我们将任何进一步的数据绑定到文件.它将接收请求，如果它与资产匹配，它将直接为它提供服务。

为了使您的用例正常工作，您必须在 Angular 构建本身中设置 Angular 环境。您可以做的是，像使用 maven 配置文件一样对角度构建进行参数化，以便您可以使用 maven 命令本身控制角度构建。您可能正在使用front-end-builder 插件来触发正确的角度构建。因此，在这种情况下，当您提供npm run-script 命令时，您可以通过在package.json 中提供不同的命令来提供您想要运行的自定义命令。对于构建设置阅读：How to integrate an Angular 4 app with a Spring Boot stack?