資訊專欄INFORMATION COLUMN
摘要：最后以這個鏡像為基礎(chǔ)運行一個容器。對于這部分的內(nèi)容，如有不懂的地方，可查看我之前有關(guān)于鏡像構(gòu)建的文章哦。，接下來會通過對前端項目部署進行進一步的實戰(zhàn)。
關(guān)于docker的優(yōu)勢就不多介紹了，之前的文章已經(jīng)說得比較明白了，那么在學(xué)習(xí)了docker的一些知識后，現(xiàn)在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進行：
VueJs項目初始化以及打包
Nginx的配置
Docker鏡像文件
VueJs項目初始化這里通過vue-cli對一個vuejs項目進行初始化，命令如下：
vue init webpack projectName
這里項目名稱列如是docker-web，對項目初始化組件HelloWord.vue組件進行簡單的修改
然后通過npm run build命令進行項目的打包
這里首先需要從docker hub上面進行nginx進行的拉取，可通過docker pull nginx進行獲取，獲取完后，可通過命令docker image ls 命令來查看本地已存在的鏡像列表
然后在項目(docker-web)的根目錄新增一個nginx.conf文件，配置如下：
首先在項目(docker-web)的根目錄新增一個Dockerfile文件，內(nèi)容如下：
然后需要通過Dockerfile這個文件來進行鏡像的制作、運行，可通過docker build -t 鏡像名稱來構(gòu)建制作一個鏡像，如：
再次查看該鏡像是否已經(jīng)構(gòu)建完成。
最后以這個鏡像為基礎(chǔ)運行一個容器。
對于這部分的內(nèi)容，如有不懂的地方，可查看我之前有關(guān)于docker鏡像構(gòu)建的文章哦。
至此，所有準備工作已完成，然后在瀏覽器地址欄輸入localhost:3000訪問網(wǎng)頁，即可看到剛才在docker-web這個項目的HelloWord.vue組件中修改的內(nèi)容。
Over，接下來會通過docker對前端項目部署進行進一步的實戰(zhàn)。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/40496.html
摘要：最后以這個鏡像為基礎(chǔ)運行一個容器。對于這部分的內(nèi)容，如有不懂的地方，可查看我之前有關(guān)于鏡像構(gòu)建的文章哦。，接下來會通過對前端項目部署進行進一步的實戰(zhàn)。 關(guān)于docker的優(yōu)勢就不多介紹了，之前的文章已經(jīng)說得比較明白了，那么在學(xué)習(xí)了docker的一些知識后，現(xiàn)在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進行： Vu...
摘要：還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴展庫，去解決現(xiàn)實生活中的實際問題。而這一切都是在朝著提高開發(fā)效率，降低維護成本而前進。結(jié)合書中的觀點去總結(jié)和思考。 關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...
摘要：還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴展庫，去解決現(xiàn)實生活中的實際問題。而這一切都是在朝著提高開發(fā)效率，降低維護成本而前進。結(jié)合書中的觀點去總結(jié)和思考。 關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...
摘要：接下來，我們來看一個更酷的工作流程，即通過引入來實現(xiàn)項目的持續(xù)集成。是一個持續(xù)集成發(fā)布平臺，支持對容器進行測試。取消對的選中狀態(tài)。 showImg(https://segmentfault.com/img/bVk4cF); 借助Docker，我們可以更容易地進行web應(yīng)用部署，而同時不必頭疼于項目依賴、環(huán)境變量以及各種配置問題，Docker可以快捷、高效地處理好這一切。 而這也是本...
摘要：多一個技能多一條出路，祝你在自學(xué)道路上越走越好，掌握自己的核心技能，不只是優(yōu)秀，還要成為不可替代的人 NodeJs+Express+Mysql + Vuejs 項目實戰(zhàn) 最近準備寫一系列文章，全面講述如何基于NodeJs + Express + Mysql + Vuejs 從零開發(fā)前后端完全分離項目； 文筆及技術(shù)可能在某些方面欠佳，請您指正，共同學(xué)習(xí)進步 前端：Vuejs全家桶 后端：...
閱讀 2418·2021-11-19 09:40
閱讀 3588·2021-10-12 10:12
閱讀 1897·2021-09-22 15:04
閱讀 2910·2021-09-02 09:53
閱讀 772·2019-08-29 11:03
閱讀 1130·2019-08-28 18:11
閱讀 1734·2019-08-23 15:28
閱讀 3588·2019-08-23 15:05
