【Vue】CI - Docker构建传递版本号到.env

【温馨提示】
阅读完本文后 不要着急行动 可以继续阅读一下
[CI]Vue+SpringBoot项目显示CI构建号(补充)
https://www.cnblogs.com/zwj/p/18826834

---

平台：Azure DevOps
部署方式：docker
后端方案：https://www.cnblogs.com/zwj/p/18814139

CI配置

arguments: '--build-arg BUILD_NUMBER=$(Build.BuildNumber)'

Docker配置

# 动态更新 .env 文件
ARG BUILD_NUMBER
# 使用 sed 命令更新 .env 文件中的 VUE_APP_BUILD_NUMBER 变量
RUN sed -i "s/^VUE_APP_BUILD_NUMBER=.*/VUE_APP_BUILD_NUMBER=${BUILD_NUMBER}/" /app/.env

.env配置

VUE_APP_BUILD_NUMBER=unknown

代码配置

      <span style="margin-left: 8px;">
        服务版本：{{backend_vsersion}}
        前端版本：{{font_vsersion}}
      </span>

  data() {
      return {
        backend_vsersion: "-",
        font_vsersion:process.env.VUE_APP_BUILD_NUMBER
      }
  },
  mounted() {
    this.getDockerBuildId();
  },
  methods: {
    getDockerBuildId() {
      fetch('/api/sys/common/build')
          .then(data => {
            this.backend_vsersion = data.message;
          })
          .catch(error => {
            console.error('Error:', error);
          });
    }