騰訊云服務器部署前后分離項目之前端部署

使用XShell連接騰訊云遠程服務器

使用docker命令獲取Nginx鏡像

這里使用Nginx來作為前端的開發(fā)環(huán)境

docker pull nginx

查看鏡像是否獲取成功

docker images

編寫Dockerfile文件

FROM nginx
COPY ./dist/ /usr/share/nginx/html/

使用Xftp將Dockerfile和Vue等打包好的前端項目放到自己想要放置的位置

使用xftp連接遠程騰訊云服務器同Xshell

使用Xshell進入到Xftp上傳文件的根目錄

使用Xshell執(zhí)行docker命令制作docker鏡像，注意后面還有個”空格+."

#iname是你給將要創(chuàng)建的鏡像進行所命的名
docker build -t iname .

這里我的鏡像名字叫hncj-web

使用Xshell執(zhí)行docker命令用剛才創(chuàng)建的鏡像映射出一個新的容器

#cname是給將要創(chuàng)建的容器的命名，iname是容器所映射的鏡像名字
#8080是外部方位的接口，8081是容器內的接口
 docker run -d --restart=always --name cname -p 8080:8081 iname 

這里我的容器名字叫hncj-web

使用你服務器的外網IP加你所設置的端口號訪問

這是我自己的項目運行界面

 到此這篇關于騰訊云服務器部署前后分離項目之前端部署的文章就介紹到這了,更多相關騰訊云服務器部署前后分離項目內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！