Docker+Vue+Nginx前端部署服务器

参考教程，放上一个是部署的，一个是常用命令操作

部署教程（在最后一步我出现了问题，建议跟着走，没问题最好，有问题接着看我下面的）：Docker容器部署前端Vue服务——手把手教学_docker部署vue-CSDN博客

docker常用命令操作（我是纯小白）

如何优雅地删除Docker镜像和容器（超详细）_docker 删除镜像-CSDN博客  

我遇到的问题：

都配置好以后，访问本地

查了很多教程都无果，最终删除容器（镜像保留）

新建容器：docker run -d --net=host --name=kb-nginx df

--name=放的是我的容器名字，后面的df为镜像id

再次访问，成功

再写一下，因为是我的学习笔记，决定把教程内容都搬过来，侵权可删

首先 打包源程序文档 ：npm run build

然后将dist文件夹放在目录下

拉取镜像 docker pull nginx（拉过了不需要二次改）

编写Nginx.config文件：vim default.conf

编写Dockerfile文件：vimDockerfile

三个文件在同一目录下

构建镜像：docker build -t xxx .

查看刚刚构建的对象：docker images | grep XXX

启动docker容器：docker run -d --net=host --name=kb-nginx df