使用docker簡單部署一個前端項目

前面一篇文章已經講述了如何安裝docker。安裝完成后。

首先看一下目錄結構  

 

 

 

 nginx配置

server {

    listen       8812;
    server_name  gwpmsys-app;

    location /api/ {
        proxy_pass http://139.198.19.131:6006/;
        proxy_set_header Host $http_host;
        proxy_cookie_path /api /;
    }    
    
    location / {
        alias  /usr/share/nginx/html/;
        index  index.html index.htm;
    }

    location @router {
        rewrite ^.*$ /index.html last;
    }

    error_page  404              /404.html;
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

 

 

1.找到項目文件，打開cmd，執行命令，

docker build 命令用於使用 Dockerfile 創建鏡像，就是把我們的dist和配置文件拷到之前拉的nginx的鏡像里，然后生成我們自己的鏡像的過程。

-t: 鏡像的名字及標簽，通常 name:tag 或者 name 格式；可以在一次構建中為一個鏡像設置多個標簽。test：1.0   名稱：版本

./ 表示路徑   所以  此命令規則  

docker build [OPTIONS] PATH | URL | -

docker build  -t zptest:1.0 ./

　　

 

2.查看鏡像

docker images

 

 

 

3.運行項目

 docker run 創建一個新的容器並運行一個命令

 -p 端口映射，因為鏡像不在本地，在linux環境下，若是想要運行項目，那么此刻就需要做端口映射。比如讓本地8812映射與linux下的8812

-v 文件路徑映射，與-p同理 比如 -v test.conf:/etc/nginx/conf.d/default.conf 

ede 對應鏡像id 可以不用寫全，docker會自動查找補充

 所以 命令規則為 docker run [OPTIONS] IMAGE [COMMAND] [ARG...]

docker run -p 8812:8812 ede

 

 

 

 

 

 至此  打開localhost:8812