將 vue 項目運行在 docker 的 nginx 容器中

wapeyang 發布于2019-07-25 14:35 / 1989人閱讀

摘要：將單頁面應用項目運行在的容器中，步驟安裝版下載鏡像是具體的版本默認從下載鏡像運行命令打包項目編寫的配置文件文件在本項目中位置在項目目錄下運行命令宿主機就是本機訪問項目網址命令參數說明參數說明宿主機會覆蓋容器內文件宿主機端

將vue 單頁面應用項目（spa）運行在docker的nginx容器中，步驟：

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

docker pull nginx:1.15.7

3.運行命令打包項目：npm run build
4.編寫nginx的配置文件（文件在本項目中位置：nginx/default.conf）
5.在項目目錄下運行 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.宿主機（就是本機）訪問項目網址：http://localhost:9081/

docker run命令參數說明：

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

項目例子：https://github.com/cag2050/vu...

云服務器 GPU云服務器 docker容器啟動后運行命令將java項目部署在阿里云服務器 java在內存中運行 exe在云服務器中運行

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/40255.html

[手把手系列之]Docker 部署 vue 項目

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

VPointer 2019-05-22 16:41 評論0 收藏0
將 vue 項目運行在 docker 的 nginx 容器中

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

liangdas 2019-06-28 16:54 評論0 收藏0
將 vue 項目運行在 docker 的 nginx 容器中

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

dadong 2019-08-23 14:11 評論0 收藏0
docker 應用系列（一）--- 一步步搭建虛擬機 docker 環境附有 vue-cli +

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

hatlonely 2019-06-28 16:35 評論0 收藏0
用Docker搭建Laravel和Vue項目的開發環境

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

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