docker部署nginx发布前端(vue)项目

环境:centos7.4
安装Docker

yum install docker yn  // 安装最新版的docker
service docker start // 启动docker

安装Nginx

docker pull nginx

查看本地镜像:

docker image ls

启动Nginx

// -i 以交互模式运行容器,通常与 -t 同时使用
// -t 为容器重新分配一个伪输入终端,通常与 -i 同时使用
// -p 参数将一个docker主机的端口映射到容器中
// -it 参数一般连用,在docker run 启动一个容器后提供一个容器的终端,如果容器中没开启shell进程,
//      也无法对容器进行交互
docker run -it -p 8848:80 nginx

然后通过你的服务器地址加端口(8848)访问

打包项目

npm run build  //把项目里除了Dockerfile default.conf dist  以外的文件都删掉 然后放到你的服务器里(我的放到了home下)

打包镜像

// -t 指定了镜像名为docker-vue
// . 代表着当前目录
docker build -t docker-vue   //就在docker-vue文件夹下执行

运行容器

//-d 后台运行容器,并返回容器ID
docker run -p 88:80 -d docker-vue

你可能感兴趣的:(docker部署nginx发布前端(vue)项目)