前端項(xiàng)目 Docker 化部署完整指南

1.拉去Nginx鏡像

docker pull nginx

2.創(chuàng)建掛載文件

mkdir-p/mydata/vue/distmkdir-p/mydata/vue/nginxvim/mydata/vue/nginx/default.conf

default.conf內(nèi)容

server{listen80;server_name localhost;#charset koi8-r;access_log/var/log/nginx/host.access.log main;error_log/var/log/nginx/error.log error;location/{root/usr/share/nginx/html;index index.html index.htm;try_files$uri$uri//index.html;}location/api/{proxy_pass http://后端地址+端口;}#error_page 404 /404.html;# redirect server error pages to the static page /50x.html#error_page500502503504/50x.html;location=/50x.html{root/usr/share/nginx/html;}}

3.上傳編譯好的dist文件到服務(wù)器

4.啟動(dòng)鏡像

docker run \-p80:80\-p443:443\-d--name vueApp \-m128m \-v/mydata/vue/dist/:/usr/share/nginx/html/\-v/mydata/vue/nginx/default.conf:/etc/nginx/conf.d/default.conf \nginx

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容