1 项目结构
vue-js版本:2.6.10
用指令 npm run build 打包vue-js项目。打包成功后会生成一个目录dist。
->
注:传统方式是将vue-js部署到nginx服务器,现在是通过nginx容器来挂载vue-js的文件。
2 创建目录
仿照nginx的目录结构创建
cd /opt
mkdir nginx
cd nginx
mkdir conf
mkdir html
将dist文件里的内容(不包括dist)拷贝到/opt/nginx/html目录下
3 创建nginx.conf
在/opt/nginx/conf目录下创建nginx.conf文件,并根据实际情况填写nginx.conf的内容。
4 docker 命令
创建容器:
docker run -d -p 80:80 -v /opt/nginx:/usr/share/nginx nignx:latest
-v 宿主机的文件系统:容器的工作空间
ip:80可以直接访问vue-js页面。