使用Docker部署VUE框架开发的网站

Posted by Hello Bytes on November 27, 2019

vue开的发网站,如果不使用服务端渲染的话,就是一些HTML,以及在用户侧(浏览器)执行的脚本。这种情况下,服务器侧只需要部署一个最简单的HTTP文件服务就好。

按这个部署的要求,使用Docker部署就比较简单了:

  • 使用npm run build或是其它命令进行本地打包,一般会得到dist目录
  • nginxdocker为源,复制dist目录下的文件到docker中即可。

Dockerfile示例如下:

FROM nginx:latest

WORKDIR /pontus/bin/website-manager-service

COPY ./dist/ /usr/share/nginx/html/