版权声明：这可是本菇凉辛辛苦苦原创的，转载请记得带上我家地址，不要忘记了哈 ... https://blog.csdn.net/u011314442/article/details/84572582
1.安装好 nginx 。
2. 把 vue 克隆到确定目录下。如我的是：/root/jiangyu/projects/gentle_vue/gentle_vue_code 。
3. 项目打包：
npm run build 会自动生成 dist 文件夹 。
4. 在任意目录下新建文件 dockerfile 。内容如下：
# 设置基础镜像
FROM nginx
# 定义作者
MAINTAINER jiangyu
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/ /usr/share/nginx/html/
5. 构建镜像：
# -t 是给镜像取名。
# 最后有一个点 “.”，表示使用当前路径下的 dockerfile 文件，也可以指定使用其它路径的。
docker build -t gentle-vue . 查看新生成的镜像：
docker images
6.启动容器：
# -p ：配置端口映射，格式是外部访问端口：容器内端口
# -d ：后台运行
# --name : 给容器取名
# 最后有 2 个 gentle-vue,前面一个是给容器取的名字，后面一个是使用的镜像的名字
docker run -p 3000:80 -d --name gentle-vue gentle-vue
查看是否运行成功：
扫描二维码关注公众号，回复：
4269779 查看本文章
7. 浏览器访问：http://服务器IP:3000/#/
这就是我项目的测试页面。 OK 了。