javascript - 在 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 中设置 Angular 环境:

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"

如何将这些值(由于不同的配置文件而导致不同的值)传递到 Angular 侧？

Answer 1

您要问的问题是，一旦您将 Angular 生成的文件放在静态文件夹下，springboot 会将文件视为静态 Assets ，并且不会使用任何模板引擎让我们将任何进一步的数据绑定(bind)到文件。它将接收请求，如果它与 Assets 匹配，它将直接为它提供服务。
为了使您的用例正常工作，您必须在 Angular 构建本身中设置 Angular 环境。您可以做的是，像使用 maven 配置文件一样对 Angular 构建进行参数化，以便您可以使用 maven 命令本身控制 Angular 构建。您可能正在使用 front-end-builder插件来触发正确的 Angular 构建。因此，在这种情况下，当您提供 npm run-script您可以通过在 package.json 中提供不同的命令来提供要运行的自定义命令。 .对于build设置，请阅读:How to integrate an Angular 4 app with a Spring Boot stack?