javascript 如何根据您的环境在Vue.js中构建外部配置文件

htrmnn0y 于 2023-01-29 发布在 Java

关注(0)|答案(1)|浏览(134)

有没有人知道在构建阶段是否可以使用外部js文件作为配置文件？2也许可以通过Vue.config.js文件？
有谁有这方面的经验吗？
谢谢你的帮助。

来源：https://stackoverflow.com/questions/70984705/how-to-build-an-external-configuration-file-in-vue-js-based-on-your-environment

1条答案

按热度按时间

uklbhaso1#

不幸的是，这不像React那样支持开箱即用，而且由于它不是内置的，你必须寻找第三方解决方案。
其中一个解决方案是：https://github.com/tinou98/vue-12factor

示例：对env变量进行标题更改

index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>{{ .TITLE }}</title>
  </head>
  <body>
    <h1>{{ .TITLE }}</h1>
  </body>
</html>

Dockerfile

# Build application
FROM node:alpine as build-stage

WORKDIR /app

# Install package as a separate layer for improved docker caching
COPY package*.json ./
RUN npm install

# Build the application
COPY . .
RUN npm run build

# Runnable image
FROM tinou98/vue-12factor

COPY --from=build-stage /app/dist /srv/http
CMD ["js/*.js", "index.html"] # List file that contain run-time variable

然后构建并运行映像：

docker build -t vue-12factor-example .
docker run -it --rm -p8080:80 -e TITLE="Changeable title" vue-12factor-example

现在，服务器运行在端口8080上，为带有注入环境的页面提供服务。

赞(0）回复(0）举报 2023-01-29

我来回答

javascript 如何根据您的环境在Vue.js中构建外部配置文件

1条答案

示例：对env变量进行标题更改

相关问题

热门标签

最新问答