將 vue 項(xiàng)目運(yùn)行在 docker 的 nginx 容器中

liangdas 發(fā)布于2019-06-28 16:54 / 2062人閱讀

摘要：將單頁面應(yīng)用項(xiàng)目運(yùn)行在的容器中，步驟安裝版下載鏡像是具體的版本默認(rèn)從下載鏡像運(yùn)行命令打包項(xiàng)目編寫的配置文件文件在本項(xiàng)目中位置在項(xiàng)目目錄下運(yùn)行命令宿主機(jī)就是本機(jī)訪問項(xiàng)目網(wǎng)址命令參數(shù)說明參數(shù)說明宿主機(jī)會(huì)覆蓋容器內(nèi)文件宿主機(jī)端

將vue 單頁面應(yīng)用項(xiàng)目（spa）運(yùn)行在docker的nginx容器中，步驟：

1.安裝docker mac版
2.下載nginx鏡像（1.15.7：是具體的nignx版本；默認(rèn)從 https://hub.docker.com/ 下載鏡像）：

docker pull nginx:1.15.7

3.運(yùn)行命令打包項(xiàng)目：npm run build
4.編寫nginx的配置文件（文件在本項(xiàng)目中位置：nginx/default.conf）
5.在項(xiàng)目目錄下運(yùn)行 docker 命令：

docker run -p 9081:80 -v $PWD/dist/:/usr/share/nginx/dist/ -v $PWD/nginx/default.conf:/etc/nginx/conf.d/default.conf -d nginx:1.15.7

6.宿主機(jī)（就是本機(jī)）訪問項(xiàng)目網(wǎng)址：http://localhost:9081/

docker run命令參數(shù)說明：

參數(shù)	說明
-v, --volume value：Bind mount a volume (default [])	宿主機(jī)會(huì)覆蓋容器內(nèi)文件
-p, --publish value：Publish a container"s port(s) to the host (default [])	宿主機(jī)端口對應(yīng)容器內(nèi)端口
-d, --detach：Run container in background and print container ID	保持容器在后臺(tái)持續(xù)運(yùn)行；后續(xù)可以使用docker exec -it <容器名或容器id> bash，進(jìn)入容器的bash命令

項(xiàng)目例子：https://github.com/cag2050/vu...

云服務(wù)器 GPU云服務(wù)器 docker容器啟動(dòng)后運(yùn)行命令將java項(xiàng)目部署在阿里云服務(wù)器 java在內(nèi)存中運(yùn)行 exe在云服務(wù)器中運(yùn)行

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/27632.html

相關(guān)文章

[手把手系列之]Docker 部署 vue 項(xiàng)目

摘要：部署項(xiàng)目寫在前面作為輕量級虛擬化技術(shù)，擁有持續(xù)集成版本控制可移植性隔離性和安全性等優(yōu)勢。容器可以被創(chuàng)建啟動(dòng)停止刪除暫停等。重新運(yùn)行應(yīng)用容器直接基于鏡像來啟動(dòng)容器，運(yùn)行命令將宿主機(jī)的掛載到容器的目錄上。Docker 部署 vue 項(xiàng)目 1.寫在前面： Docker 作為輕量級虛擬化技術(shù)，擁有持續(xù)集成、版本控制、可移植性、隔離性和安全性等優(yōu)勢。本文使用Docker來部署一個(gè)vue的前端應(yīng)用，并盡...

VPointer 2019-05-22 16:41 評論0 收藏0
將 vue 項(xiàng)目運(yùn)行在 docker 的 nginx 容器中

摘要：將單頁面應(yīng)用項(xiàng)目運(yùn)行在的容器中，步驟安裝版下載鏡像是具體的版本默認(rèn)從下載鏡像運(yùn)行命令打包項(xiàng)目編寫的配置文件文件在本項(xiàng)目中位置在項(xiàng)目目錄下運(yùn)行命令宿主機(jī)就是本機(jī)訪問項(xiàng)目網(wǎng)址命令參數(shù)說明參數(shù)說明宿主機(jī)會(huì)覆蓋容器內(nèi)文件宿主機(jī)端將vue 單頁面應(yīng)用項(xiàng)目（spa）運(yùn)行在docker的nginx容器中，步驟： 1.安裝docker mac版2.下載nginx鏡像（1.15.7：是具體的nignx...

dadong 2019-08-23 14:11 評論0 收藏0
將 vue 項(xiàng)目運(yùn)行在 docker 的 nginx 容器中

摘要：將單頁面應(yīng)用項(xiàng)目運(yùn)行在的容器中，步驟安裝版下載鏡像是具體的版本默認(rèn)從下載鏡像運(yùn)行命令打包項(xiàng)目編寫的配置文件文件在本項(xiàng)目中位置在項(xiàng)目目錄下運(yùn)行命令宿主機(jī)就是本機(jī)訪問項(xiàng)目網(wǎng)址命令參數(shù)說明參數(shù)說明宿主機(jī)會(huì)覆蓋容器內(nèi)文件宿主機(jī)端將vue 單頁面應(yīng)用項(xiàng)目（spa）運(yùn)行在docker的nginx容器中，步驟： 1.安裝docker mac版2.下載nginx鏡像（1.15.7：是具體的nignx...

wapeyang 2019-07-25 14:35 評論0 收藏0
docker 應(yīng)用系列（一）--- 一步步搭建虛擬機(jī) docker 環(huán)境附有 vue-cli +

摘要：為確保系統(tǒng)里面沒有自帶的軟件的殘留，我們要清除一下舊版本的，雖然新系統(tǒng)一般都不會(huì)有就是了。更新軟件包緩存。 showImg(https://segmentfault.com/img/remote/1460000015914895?w=1240&h=819); 小劇場測試：褲襠你這頁面刷新就白屏啊，怎么了啊，而且你看這 network，怎么這些 js 這么大啊，很耗流量而且加載速度還很...

hatlonely 2019-06-28 16:35 評論0 收藏0
用Docker搭建Laravel和Vue項(xiàng)目的開發(fā)環(huán)境

摘要：第二步添加在項(xiàng)目中創(chuàng)建文件。項(xiàng)目是官方的開源項(xiàng)目，負(fù)責(zé)實(shí)現(xiàn)對容器集群的快速編排。在這里我們會(huì)用到四個(gè)容器分別將放在四個(gè)不同的容器中，通過將四個(gè)應(yīng)用容器關(guān)聯(lián)到一起組成項(xiàng)目。服務(wù)服務(wù)的容器將執(zhí)行我們項(xiàng)目中的代碼。 showImg(https://segmentfault.com/img/bVbpfM5?w=695&h=270);在這篇文章中我們將通過Docker在個(gè)人本地電腦上構(gòu)建一個(gè)快速...

starsfun 2019-06-28 17:05 評論0 收藏0