快捷導(dǎo)航

docker部署vue項(xiàng)目的實(shí)現(xiàn)步驟

更新時(shí)間：2023年07月28日 11:48:45 作者：天津魔嵌動(dòng)力張毫潔

本文主要介紹了docker部署vue項(xiàng)目的實(shí)現(xiàn)步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

材料

1.打包好的vue的dist文件夾

2.docker環(huán)境

運(yùn)行環(huán)境結(jié)構(gòu)圖

dist：打包的項(xiàng)目
default.conf: nginx的配置文件

gzip on; #開(kāi)啟或關(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運(yùn)行命令配置文件

FROM nginx:latest
COPY dist/ ?/usr/share/nginx/html/
COPY default.conf /etc/nginx/conf.d/default.conf

說(shuō)明書(shū)內(nèi)容

1.構(gòu)建鏡像：

docker build -t vue-app .

2.運(yùn)行鏡像：

docker run -d -p 8011:8086 --name vue-container vue-app

瀏覽地址：本地ip+8011

3.一定要有網(wǎng)沒(méi)網(wǎng)的話先要構(gòu)建一個(gè)離線的nginx鏡像

docker save -o和docker load -i是Docker命令，用于將Docker鏡像保存到文件和加載鏡像文件到Docker中。下面我會(huì)解釋這兩個(gè)命令的作用和用法。

docker save -o命令：

docker save -o <output_file.tar> <image_name:tag>

這個(gè)命令用于將指定的Docker鏡像保存到一個(gè)輸出文件中。<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>

這個(gè)命令用于從一個(gè)輸入文件中加載Docker鏡像到Docker中。<input_file.tar>是包含要加載的鏡像的文件路徑和名稱，例如my_image.tar。

例如：docker load -i my_image.tar

使用這兩個(gè)命令可以方便地將Docker鏡像導(dǎo)出到文件并在其他機(jī)器或環(huán)境中加載。請(qǐng)注意，在使用docker load -i命令加載鏡像之前，確保在目標(biāo)機(jī)器上已經(jīng)安裝了Docker，并且有足夠的權(quán)限來(lái)加載鏡像。

到此這篇關(guān)于docker部署vue項(xiàng)目的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)docker部署vue內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: