在 2.6 中使用带有 readonlyrootfilesystem 的 Quasar 将环境变量从 azure 管道传递到 Vue 应用程序

Question

我有一个使用 Quasar 在 2.6 中运行的 Vue 应用程序，我正在将 AWS 中的任务定义的配置更改为 readonlyrootfilesystem = true，问题是，到目前为止我一直在使用 sh 脚本将 env 变量写入文件并将其与 window.configs 一起使用，但将 readonlyrootfilesystem 设置为 true，我无法写入文件。

注意：我对 Vue 和前端开发总体来说是新手

我尝试了几件事：

1 - 使用 quasar.config 文件中的变量，但 azure pipelines 变量不会覆盖 quasar.config 中的变量

2 - 使用 dotenv 时同时使用 override = true 和不使用，与之前相同的问题，当我将 env 变量传递给应用程序时，它不会覆盖

3 - 在 /config 文件夹中使用 prod.env.js 和 dev.env.js ，这似乎不起作用，因为 process.env 中的所有变量似乎都未定义，我认为这是使用 Quasar 的原因

Answer 1

您可以直接使用

$(var_Name)

文件中的表达式

quasar.config

来引用管道变量。此表达式仅适用于管道任务输入字段，例如 inline 类型脚本。

如果想使用 pipeline 变量的值来替换

quasar.config

文件中的 env 变量，可以尝试使用脚本任务（如 Bash、PowerShell、 CmdLine等）运行内联类型脚本将管道变量的值写入配置文件。然后使用更新的配置文件构建 Vue 应用程序并将其部署到您的 AWS 服务器。

---