VueJS variables in a docker file

Question

I have a config file with API URL under the path "src/config.js":

const API_URL = 'https://some-url-here.com'

export default {
  API_URL: API_URL
}

And a Dockerfile:

# build stage
FROM node:9.11.1-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# production stage
FROM nginx:1.13.12-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

How can i make that API_URL available to docker, so devops could change that url?

You can define environment variables inside Dockerfile; ENV API_URL = some_url Then in your src/config.js file you can access it via process.env.API_URL — Tugay İlik
– Tugay İlik, Commented Aug 27, 2018 at 14:36
if i set process.env.API_URL and in "config/dev.env.js" i'll add module.exports = merge(prodEnv, { API_URL: '"https://url.com"' }) — Alexander Kim
– Alexander Kim, Commented Aug 28, 2018 at 3:32

Alexander Kim · Accepted Answer · 2018-08-29 17:31:05Z

2

Using Vue-cli 2.9, you can set ENV variables in a "config" directory.

For example: "config/dev.env.js":

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  API_URL: '"https://server.com"'
})

Then you can use it in your client :

const API_URL = process.env.API_URL
export default {
  API_URL: API_URL,
}

answered Aug 29, 2018 at 17:31

Alexander Kim

18.5k24 gold badges111 silver badges165 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJS variables in a docker file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related