创建构建或 docker 镜像后读取 vuejs 应用程序中的环境变量

Question

我正在为我的 vuejs 应用构建一个 docker 镜像。我希望我的 vuejs 应用程序读取一些环境变量。

例如： 在运行时环境中创建和构建映像后，我想更改我的“baseUrl”。

我尝试和搜索的是： 它说您在创建 vuejs 应用程序构建后无法在应用程序外部读取。

Answer 1

检查 React 示例的 docs。您可以在运行时（从后端、服务器端）向 html 注入任何变量。这里是 React 中使用的简单模式。

html：

<script>
window.SERVER_DATA = __SERVER_DATA__;
</script>

客户：

const  constants = {
    debug: false,
    port: 8443,
    host: window.SERVER_DATA,
    graphql: {
        path: '/graphql'
    },
}

在服务器端，使用函数将 html 输出（并更改您的变量）传送到客户端。