vue 单页面项目发布为docker容器

将单页面文件发布为docker容器，实际上是在nginx镜像基础上，将以编译的单页面文件部署在nginx中，再创建新的镜像的过程。首先需要在单页面项目中创建Dockerfile，内容如下：

FROM nginx
WORKDIR /mywebapp
COPY ./dist /usr/share/nginx/html/

将vue单页面文件编译，输出目录为dist，在dockerfile中指明将dist目录中的文件拷贝到/usr/share/nginx/html/目录中，这是nginx的缺省目录，当nginx运行时，会以这个目录作为缺省路径，浏览器访问时会直接访问index.html。

然后构建镜像
docker build -t mydockerimage .
创建容器并运行：
docker run -d -p 5555:80 mydockerimage