Docker部署vue項(xiàng)目

Centos7環(huán)境下安裝docker,亦可ubantu\windos\mac只是dicker安裝的命令不同可自行安裝如绸,這里不做介紹

——第一步安裝docker 有則忽略

# 1旭贬、yum 包更新到最新 
yum update
# 2稀轨、安裝需要的軟件包奋刽, yum-util 提供yum-config-manager功能杨名,另外兩個(gè)是devicemapper驅(qū)動依賴的 
yum install -y yum-utils device-mapper-persistent-data lvm2
# 3趁蕊、 設(shè)置yum源
yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
# 4任柜、 安裝docker逆皮,出現(xiàn)輸入的界面都按 y 
yum install -y docker-ce
# 5潜索、 查看docker版本誊抛,驗(yàn)證是否驗(yàn)證成功
docker -v

——第二步將vue項(xiàng)目放入服務(wù)器任意位置
1列牺,在本地創(chuàng)建docker-vue文件夾,將打包好的dist文件夾放入gocker-vue
2拗窃,在docker-vue文件夾中新建文本文檔為dockerfile.txt瞎领,并在文檔中寫入如下內(nèi)容

FROM nginx:latest
MAINTAINER xxh
COPY dist/ /usr/share/nginx/html/

在docker-vue文件夾中新建nginx.conf 并寫入以下內(nèi)容

worker_processes auto;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
 
#pid        logs/nginx.pid;
 
 
events {
    worker_connections  1024;
}
 
 
http {
    include       mime.types;
    default_type  application/octet-stream;
 
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
 
    #access_log  logs/access.log  main;
 
    sendfile        on;
    #tcp_nopush     on;
 
    #keepalive_timeout  0;
    keepalive_timeout  65;
 
    #gzip  on;
 
    client_max_body_size   20m;
    server {
        listen       80;
        server_name  xxh;
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
     location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
        }
        #error_page  404              /404.html;
 
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
 
        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
 
        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}
 
        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }
 
 
    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;
 
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
 
 
}

3,將docker-vue上傳至服務(wù)器任意目錄随夸,將dockerfile.txt重命名為dockerfile.
4.通過Xshell等工具進(jìn)入到服務(wù)器docker-vue文件夾下

[root@iz2zeeln8k6ea70n7a49erz docker-vue]#

輸入如下命令

docker build -t gentle-vue .

5.啟動容器

docker run -p 80:80 -d --name gentle-vue gentle-vue

6.瀏覽器訪問服務(wù)器地址即可

刪除容器
先列出有哪些容器(列出所有的):docker ps -a
顯示所有容器:docker ps -a
只顯示容器ID:docker ps -q
要先暫停容器九默,才能刪除:
暫停所有容器:docker stop (docker ps -aq) 暫停單個(gè)容器:docker stop < CONTAINER ID > 刪除容器: 刪除所有容器:docker rm(docker ps -aq)
刪除單個(gè)容器:docker rm < CONTAINER ID >
強(qiáng)制刪除 -f, --force:docker rm -f < CONTAINER ID >
刪除指定鏈接-l, --link:docker rm -l < CONTAINER ID >
刪除容器關(guān)聯(lián)數(shù)據(jù)卷-v --volumes:docker rm -v < CONTAINER ID >
刪除鏡像
列出鏡像:docker images
刪除鏡像:
刪除單個(gè)鏡像:docker rmi < IMAGE ID >
刪除所有鏡像:docker rmi (docker images -q) 遇見關(guān)聯(lián)鏡像刪除不了時(shí),強(qiáng)制刪除:docker rmi -f(docker images -q)
注:不明白的命令使用 --help查詢

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末宾毒,一起剝皮案震驚了整個(gè)濱河市驼修,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌诈铛,老刑警劉巖乙各,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異幢竹,居然都是意外死亡耳峦,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進(jìn)店門焕毫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蹲坷,“玉大人驶乾,你說我怎么就攤上這事⊙” “怎么了轻掩?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長懦底。 經(jīng)常有香客問我唇牧,道長,這世上最難降的妖魔是什么聚唐? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任丐重,我火速辦了婚禮,結(jié)果婚禮上杆查,老公的妹妹穿的比我還像新娘扮惦。我一直安慰自己,他們只是感情好亲桦,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布崖蜜。 她就那樣靜靜地躺著,像睡著了一般客峭。 火紅的嫁衣襯著肌膚如雪豫领。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天舔琅,我揣著相機(jī)與錄音等恐,去河邊找鬼。 笑死备蚓,一個(gè)胖子當(dāng)著我的面吹牛课蔬,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播郊尝,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼二跋,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了流昏?” 一聲冷哼從身側(cè)響起扎即,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎横缔,沒想到半個(gè)月后铺遂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茎刚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年襟锐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片膛锭。...
    茶點(diǎn)故事閱讀 40,090評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡粮坞,死狀恐怖蚊荣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情莫杈,我是刑警寧澤互例,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站筝闹,受9級特大地震影響媳叨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜关顷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一糊秆、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧议双,春花似錦痘番、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至宗雇,卻和暖如春昂芜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背逾礁。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工说铃, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人嘹履。 一個(gè)月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像债热,于是被迫代替她去往敵國和親砾嫉。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容