欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2023年07月28日 11:48:45   作者:天津魔嵌動力張毫潔  
本文主要介紹了docker部署vue項目的實現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

材料

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)文章

最新評論