腾讯云服务器部署前后分离项目之前端部署
腾讯云服务器部署前后分离项目之前端部署
使用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加你所设置的端口号访问
这是我自己的项目运行界面
到此这篇关于腾讯云服务器部署前后分离项目之前端部署的文章就介绍到这了,更多相关腾讯云服务器部署前后分离项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
如果您的问题还未解决可以联系站长付费协助。
有问题可以加入技术QQ群一起交流学习
本站vip会员 请加入无忧模板网 VIP群(50604020) PS:加入时备注用户名或昵称
普通注册会员或访客 请加入无忧模板网 技术交流群(50604130)
客服微信号:15898888535
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若内容侵犯了原著者的合法权益,可联系站长删除。