tip：自己写的dome，不涉及到侵权，可以放心看
docker：
-
- 容器化技术
-
- 发人员打包应用程序及其所有依赖项到一个独立的容器中，然后在不同的环境中运行这个容器。
-
- 应用程序在不同环境中具有一致的运行方式，方便部署和管理
1.安装Docker
2.在Vue项目的根目录下创建一个名为Dockerfile的文件，用于构建Docker镜像。
把下面代码复制到Dockerfile中
# 使用node镜像作为基础镜像
FROM node:14 as build
# 设置工作目录
WORKDIR /app
# 复制项目文件到工作目录
COPY . .
# 安装依赖
RUN npm install
# 构建项目
RUN npm run build
# 使用nginx镜像作为基础镜像
FROM nginx:alpine
# 复制构建好的项目文件到nginx的默认站点
COPY --from=build /app/dist /usr/share/nginx/html
# 暴露端口
EXPOSE 80
# 启动nginx服务
CMD ["nginx", "-g", "daemon off;"]
3.构建Docker镜像
在Dockerfile所在目录执行以下命令构建Docker镜像
docker build -t vue-app .
如图： 可以看到已经创建成功了，可以打开安装的docker查看，也可以用命令行查看是否创建成功
4.运行Docker容器 docker run -d -p 8080:80 vue-app
5.在浏览器中输入http://localhost:8080
即可访问部署好的Vue项目
