美文网首页
docker部署nginx发布前端(vue)项目

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

作者: 杜乡的AGG | 来源:发表于2019-05-26 12:47 被阅读0次

    环境: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)项目

          本文链接:https://www.haomeiwen.com/subject/rumfwqtx.html