Pass environment variable into a Vue App at runtime

Question

How can I access environment variables in Vue, that are passed to the container at runtime and not during the build?

Stack is as follows:

• VueCLI 3.0.5

Answer 1

I got it to work with the solution proposed by @Hendrik M Halkow.

But I stored the config.js in the static folder. By doing that, I don't have to care about not minifying the file.

Then include it like this:

and use this volume mount configuration:

...
volumeMounts:
    - name: config-volume
      mountPath: /usr/share/nginx/html/static/config.js
      subPath: config.js