Vue3 dockerfile
时间: 2024-01-05 14:18:57 浏览: 40
根据提供的引用[1],我们可以了解到Vue3的Dockerfile可以按照以下方式进行配置:
```dockerfile
# 基础镜像
FROM node:14.15.4-alpine
# 设置工作目录
WORKDIR /app
# 复制package.json和package-lock.json到工作目录
COPY package*.json ./
# 安装依赖
RUN npm install
# 复制所有文件到工作目录
COPY . .
# 构建应用
RUN npm run build
# 配置nginx
FROM nginx:1.19.6-alpine
COPY --from=0 /app/dist /usr/share/nginx/html
COPY default.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
```
其中,我们首先使用了node:14.15.4-alpine作为基础镜像,然后设置了工作目录为/app,接着复制package.json和package-lock.json到工作目录,并安装依赖。然后,我们复制所有文件到工作目录,并运行npm run build来构建应用。最后,我们使用nginx:1.19.6-alpine作为另一个基础镜像,并将之前构建的应用复制到/usr/share/nginx/html目录下。我们还复制了default.conf文件到/etc/nginx/conf.d/default.conf,并暴露了80端口。最后,我们使用CMD命令来启动nginx。