时间戳

首页 > 解决方案 > Docker 文件中的 VueJS 变量

docker - Docker 文件中的 VueJS 变量

问题描述

我在路径“src/config.js”下有一个带有 API URL 的配置文件：

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

export default {
  API_URL: API_URL
}

还有一个 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;"]

我怎样才能API_URL使 docker 可以使用它，以便 devops 可以更改该 url？

标签： dockervue.jsvuejs2

解决方案

使用 Vue-cli 2.9，您可以在“config”目录中设置 ENV 变量。

例如：“config/dev.env.js”：

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

然后你可以在你的客户端使用它：

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

推荐阅读