小知识:腾讯云服务器部署前后分离项目之前端部署

腾讯云服务器部署前后分离项目之前端部署

使用XShell连接腾讯云远程服务器

%小知识:腾讯云服务器部署前后分离项目之前端部署-猿站网-插图

%小知识:腾讯云服务器部署前后分离项目之前端部署-1猿站网-插图

%小知识:腾讯云服务器部署前后分离项目之前端部署-2猿站网-插图

使用docker命令获取Nginx镜像

这里使用Nginx来作为前端的开发环境

docker pull nginx

查看镜像是否获取成功

docker images

%小知识:腾讯云服务器部署前后分离项目之前端部署-3猿站网-插图

编写Dockerfile文件

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

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

使用xftp连接远程腾讯云服务器同Xshell

%小知识:腾讯云服务器部署前后分离项目之前端部署-4猿站网-插图

使用Xshell进入到Xftp上传文件的根目录

%小知识:腾讯云服务器部署前后分离项目之前端部署-5猿站网-插图

使用Xshell执行docker命令制作docker镜像,注意后面还有个”空格+.”

#iname是你给将要创建的镜像进行所命的名 docker build -t iname .

这里我的镜像名字叫hncj-web

%小知识:腾讯云服务器部署前后分离项目之前端部署-6猿站网-插图

使用Xshell执行docker命令用刚才创建的镜像映射出一个新的容器

#cname是给将要创建的容器的命名,iname是容器所映射的镜像名字 #8080是外部方位的接口,8081是容器内的接口 docker run -d –restart=always –name cname -p 8080:8081 iname

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

%小知识:腾讯云服务器部署前后分离项目之前端部署-7猿站网-插图

使用你服务器的外网IP加你所设置的端口号访问

这是我自己的项目运行界面

%小知识:腾讯云服务器部署前后分离项目之前端部署-8猿站网-插图

 到此这篇关于腾讯云服务器部署前后分离项目之前端部署的文章就介绍到这了,更多相关腾讯云服务器部署前后分离项目内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文地址:https://blog.csdn.net/weixin_43850343/article/details/123436695

声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

小知识:云服务器部署 Web 项目的实现步骤

2023-2-22 6:35:43

建站知识

小知识:云服务器虚拟机提示内存不足是什么情况?

2023-2-22 6:46:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索