docker---部署vue-js项目

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页面。