docker部署vue项目

下面是 Docker 部署 Vue 项目的基本步骤：

1. 在项目根目录下创建一个 Dockerfile 文件，内容如下：

# 基础镜像
FROM node:12.18.4-alpine

# 设置工作目录
WORKDIR /app

# 复制项目文件到工作目录
COPY . .

# 安装依赖
RUN npm install

# 打包项目
RUN npm run build

# 设置环境变量
ENV HOST 0.0.0.0
ENV PORT 8080

# 暴露端口
EXPOSE 8080

# 启动命令
CMD ["npm", "run", "serve"]

2. 在终端中运行以下命令，使用 Dockerfile 构建镜像：

docker build -t your-image-name .

其中，your-image-name 替换为你想要的镜像名称。

3. 运行以下命令，启动容器：

docker run -d -p 8080:8080 your-image-name

其中，-d 表示后台运行容器，-p 表示将容器的 8080 端口映射到主机的 8080 端口上。

4. 在浏览器中访问 http://localhost:8080，即可查看部署后的 Vue 项目。

以上就是 Docker 部署 Vue 项目的简单步骤，你可以根据自己的需求进行调整。