Docker 部署 vue 项目

以下是一个简化版的 Dockerfile 示例，用于部署 Vue.js 项目：

# 基于 Node 官方镜像来部署 Vue 项目
FROM node:lts-alpine
 
# 设置容器内应用的工作目录
WORKDIR /app
 
# 复制 package.json 和 package-lock.json (如果存在)
COPY package*.json ./
 
# 安装项目依赖
RUN npm install
 
# 复制项目文件和目录到工作目录
COPY . .
 
# 若有必要，构建 Vue 项目
RUN npm run build
 
# 使用 Nginx 镜像作为基础镜像来部署 Vue 项目
FROM nginx:stable-alpine
 
# 将 Nginx 服务器的默认端口暴露出来
EXPOSE 80
 
# 复制构建好的 Vue 应用到 Nginx 服务器的 html 目录下
COPY --from=0 /app/dist /usr/share/nginx/html
 
# 启动 Nginx 容器
CMD ["nginx", "-g", "daemon off;"]

这个 Dockerfile 首先基于 Node 镜像构建了一个 Node 环境，安装了依赖并构建了 Vue 项目。然后基于 Nginx 镜像构建了一个 Nginx 服务器，将 Vue 应用复制到 Nginx 服务器的 html 目录下，并将 80 端口暴露出来。这样，当你运行这个 Docker 容器的时候，Vue 应用就可以通过 Nginx 服务器提供服务了。