手把手教你实现Docker部署Vue项目的方法

准备工作

1.安装docker，可以参考Docker官方文档进行安装。

2.安装docker-compose，可以参考Docker Compose官方文档进行安装。

3.准备Vue项目，并将项目打包成一个zip文件。

构建Docker镜像

1.创建一个文件夹，并在文件夹中创建一个Dockerfile文件，文件内容如下：

FROM nginx
COPY dist/ /usr/share/nginx/html

2.在文件夹中创建一个docker-compose.yml文件，文件内容如下：

version: '3'
services:
  web:
    build: .
    ports:
      - "80:80"
    volumes:
      - ./dist:/usr/share/nginx/html

3.将Vue项目zip文件放入文件夹中，并解压。

4.运行以下命令构建镜像：

docker-compose build

部署Vue项目

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

docker-compose up -d

2.访问http://localhost，项目即可正常访问。

3.如果需要停止容器，可以运行以下命令：

docker-compose down