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


Posted in Servers onJune 28, 2022

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

使用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加你所设置的端口号访问

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

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

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


Tags in this post...

Servers 相关文章推荐
Nginx实现反向代理
Sep 20 Servers
Nginx 502 Bad Gateway错误原因及解决方案
Mar 31 Servers
nginx 反向代理之 proxy_pass的实现
Mar 31 Servers
提升Nginx性能的一些建议
Mar 31 Servers
nginx作grpc的反向代理踩坑总结
Jul 07 Servers
Nginx+Tomcat负载均衡集群的实现示例
Oct 24 Servers
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
Apr 07 Servers
Windows Server 2022 超融合部署(图文教程)
Jun 25 Servers
Windows10安装Apache2.4的方法步骤
Jun 25 Servers
vscode远程免密登入Linux服务器的配置方法
Jun 28 Servers
Docker部署Mysql8的实现步骤
Jul 07 Servers
Centos7 Shell编程之正则表达式、文本处理工具详解
Aug 05 Servers
windows系统安装配置nginx环境
Jun 28 #Servers
Python安装及建立虚拟环境的完整步骤
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
git stash(储藏)的用法总结
Jun 25 #Servers
git中cherry-pick命令的使用教程
Jun 25 #Servers
解决Git推送错误non-fast-forward的方法
Jun 25 #Servers
Win2008系统搭建DHCP服务器
You might like
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
php递归函数怎么用才有效
2018/02/24 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
讨论html与javascript在浏览器中的加载顺序问题
2013/11/27 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
Python爬取APP下载链接的实现方法
2016/09/30 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
大学生职业生涯规划范文
2013/12/31 职场文书
大学团日活动新闻稿
2014/09/10 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
秋季运动会加油词
2015/07/18 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
合作意向书范本
2019/04/17 职场文书
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server
Python何绘制带有背景色块的折线图
2022/04/23 Python