docker部署vue項目的實現(xiàn)步驟
材料
1.打包好的vue的dist文件夾
2.docker環(huán)境
運行環(huán)境結(jié)構(gòu)圖
- dist:打包的項目
- default.conf: nginx的配置文件
gzip on; #開啟或關(guān)閉gzip on off gzip_disable "msie6"; gzip_buffers 4 16k;? gzip_comp_level 8;? gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; server { ? ? listen ? ? ? 8086; ? ? server_name ?localhost; ? ? #charset koi8-r; ? ? access_log ?/var/log/nginx/host.access.log ?main; ? ? error_log ?/var/log/nginx/error.log ?error; ? ? location / { ? ? ? ? add_header 'Access-Control-Allow-Headers' '*'; ? ? ? ? add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';? ? ? ? ? add_header 'Access-Control-Allow-Origin' '*'; ? ? ? ? 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 ? /usr/share/nginx/html; ? ? } }
Dockerfile:docker運行命令配置文件
FROM nginx:latest COPY dist/ ?/usr/share/nginx/html/ COPY default.conf /etc/nginx/conf.d/default.conf
說明書內(nèi)容
1.構(gòu)建鏡像:
docker build -t vue-app .
2.運行鏡像:
docker run -d -p 8011:8086 --name vue-container vue-app
瀏覽地址:本地ip+8011
3.一定要有網(wǎng)沒網(wǎng)的話先要構(gòu)建一個離線的nginx鏡像
docker save -o和docker load -i是Docker命令,用于將Docker鏡像保存到文件和加載鏡像文件到Docker中。下面我會解釋這兩個命令的作用和用法。
docker save -o命令:
docker save -o <output_file.tar> <image_name:tag>
這個命令用于將指定的Docker鏡像保存到一個輸出文件中。<output_file.tar>是你希望保存鏡像的文件路徑和名稱,例如my_image.tar。<image_name:tag>是要保存的Docker鏡像的名稱和標(biāo)簽,例如ubuntu:latest。
例如:docker save -o my_image.tar ubuntu:latest
docker load -i命令:
docker load -i <input_file.tar>
這個命令用于從一個輸入文件中加載Docker鏡像到Docker中。<input_file.tar>是包含要加載的鏡像的文件路徑和名稱,例如my_image.tar。
例如:docker load -i my_image.tar
使用這兩個命令可以方便地將Docker鏡像導(dǎo)出到文件并在其他機器或環(huán)境中加載。請注意,在使用docker load -i命令加載鏡像之前,確保在目標(biāo)機器上已經(jīng)安裝了Docker,并且有足夠的權(quán)限來加載鏡像。
到此這篇關(guān)于docker部署vue項目的實現(xiàn)步驟的文章就介紹到這了,更多相關(guān)docker部署vue內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用docker部署spring boot并接入skywalking的方法
這篇文章給大家介紹如何使用手動和docker的方式使用 skywalking的相關(guān)知識,感興趣的朋友跟隨小編一起看看吧2021-04-04簡述Docker 安裝influxDB分布式時間序列數(shù)據(jù)庫及相關(guān)操作
influxDB是一個分布式時間序列數(shù)據(jù)庫。這篇文章主要介紹了Docker 安裝influxDB分布式時間序列數(shù)據(jù)庫及相關(guān)操作,需要的朋友可以參考下2019-10-10docker registry 鏡像同步的實現(xiàn)思路
這篇文章主要介紹了docker registry 鏡像同步的相關(guān)知識,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06容器化技術(shù)架構(gòu)jenkins?docker?k8s腳本淺析
本篇博文不是詳細(xì)介紹容器技術(shù)的,而是具體的實踐。此篇博文分為兩個階段,分別是ci,cd。包含三部分內(nèi)容,分別是jenkins,docker,k8s的腳本淺析2022-03-03dockerfile結(jié)合go應(yīng)用程序的簡單應(yīng)用代碼示例
Dockerfile文件是一個包含了指令和參數(shù)的文本文件,用于自動化構(gòu)建Docker鏡像,這篇文章主要給大家介紹了關(guān)于dockerfile結(jié)合go應(yīng)用程序的簡單應(yīng)用,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03