騰訊雲服務器部署前後分離項目之前端部署

騰訊雲服務器部署前後分離項目之前端部署

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

使用docker命令獲取Nginx鏡像

這裡使用Nginx來作為前端的開發環境

docker pull nginx

查看鏡像是否獲取成功

docker images

編寫Dockerfile文件

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

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

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

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

使用Xshell執行docker命令制作docker鏡像，註意後面還有個”空格+."

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

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

使用Xshell執行docker命令用剛才創建的鏡像映射出一個新的容器

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

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

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

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

 到此這篇關於騰訊雲服務器部署前後分離項目之前端部署的文章就介紹到這瞭,更多相關騰訊雲服務器部署前後分離項目內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：

• Docker部署單頁應用的詳細操作
• docker部署vue項目的實現步驟
• 使用docker部署django的詳細步驟
• 利用Dockerfile文件部署php項目的全過程
• docker部署springboot和vue項目的實現步驟