首页 > 解决方案 > 在例如 vue cli 中完成 webpack 构建后包含配置变量的最佳方法

问题描述

我有一个 dockerized Web 应用程序,其中构建是在系统上完成的,然后 docker 映像被拉取并稍后启动。

我想在 docker 运行时注入配置变量,例如 API 的 url(例如使用 dev 或 prod)。

我可以轻松地在静态目录中创建一个可以更新的文件,但是通过 axios 拉取该文件会产生各种时序问题;我希望这些变量从客户端应用程序启动的那一刻起就可用。

我可以将文件作为全局变量包含在框架脚本标签上游的脚本标签中,但我很确定有一种比这更粗略的常见做法。

是否有一个普遍接受的模型?我认为想要一个用于 SPA 的 docker 并在最后一分钟通过环境变量指定变量(调试开关、API url 等)是相当普遍的。

标签: dockerwebpacksingle-page-application

解决方案


推荐阅读