騰訊云服務(wù)器部署前后分離項(xiàng)目之前端部署
騰訊云服務(wù)器部署前后分離項(xiàng)目之前端部署
使用XShell連接騰訊云遠(yuǎn)程服務(wù)器
使用docker命令獲取Nginx鏡像
這里使用Nginx來作為前端的開發(fā)環(huán)境
docker pull nginx
查看鏡像是否獲取成功
docker images
編寫Dockerfile文件
FROM nginx COPY ./dist/ /usr/share/nginx/html/
使用Xftp將Dockerfile和Vue等打包好的前端項(xiàng)目放到自己想要放置的位置
使用xftp連接遠(yuǎn)程騰訊云服務(wù)器同Xshell
使用Xshell進(jìn)入到Xftp上傳文件的根目錄
使用Xshell執(zhí)行docker命令制作docker鏡像,注意后面還有個”空格+."
#iname是你給將要創(chuàng)建的鏡像進(jìn)行所命的名 docker build -t iname .
這里我的鏡像名字叫hncj-web
使用Xshell執(zhí)行docker命令用剛才創(chuàng)建的鏡像映射出一個新的容器
#cname是給將要創(chuàng)建的容器的命名,iname是容器所映射的鏡像名字 #8080是外部方位的接口,8081是容器內(nèi)的接口 docker run -d --restart=always --name cname -p 8080:8081 iname
這里我的容器名字叫hncj-web
使用你服務(wù)器的外網(wǎng)IP加你所設(shè)置的端口號訪問
這是我自己的項(xiàng)目運(yùn)行界面
到此這篇關(guān)于騰訊云服務(wù)器部署前后分離項(xiàng)目之前端部署的文章就介紹到這了,更多相關(guān)騰訊云服務(wù)器部署前后分離項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
詳解Linux 下開發(fā)微信小程序安裝開發(fā)工具
這篇文章主要介紹了詳解Linux 下開發(fā)微信小程序安裝開發(fā)工具的相關(guān)資料,需要的朋友可以參考下2017-06-06詳解Linux中PostgreSQL和PostGIS的安裝和使用
這篇文章主要介紹了詳解Linux中PostgreSQL和PostGIS的安裝和使用,并把需要注意點(diǎn)做了分析和解釋,需要的朋友學(xué)習(xí)下。2018-02-02Ubuntu上使用Netdata設(shè)置實(shí)時性能監(jiān)控的詳細(xì)流程
Netdata通過可擴(kuò)展的Web儀表板提供準(zhǔn)確的性能監(jiān)控,可以顯示Linux系統(tǒng)上的流程和服務(wù)。這篇文章給大家介紹Ubuntu上使用Netdata設(shè)置實(shí)時性能監(jiān)控的流程,感興趣的朋友一起看看吧2018-08-08Ubuntu編譯內(nèi)核模塊,內(nèi)容體現(xiàn)系統(tǒng)日志中
大家好,本篇文章主要講的是Ubuntu編譯內(nèi)核模塊,內(nèi)容體現(xiàn)系統(tǒng)日志中,感興趣的同學(xué)趕快來看一看吧,對你有幫助的話記得收藏一下,方便下次瀏覽2021-12-12