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


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实现限制某IP短时间访问次数
Mar 31 Servers
配置nginx 重定向到系统维护页面
Jun 08 Servers
nginx服务器的下载安装与使用详解
Aug 02 Servers
nginx中proxy_pass各种用法详解
Nov 07 Servers
Nginx下SSL证书安装部署步骤介绍
Dec 06 Servers
使用 Apache 反向代理的设置技巧
Jan 18 Servers
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
Feb 12 Servers
Z-Order加速Hudi大规模数据集方案分析
Mar 31 Servers
Docker官方工具docker-registry案例演示
Apr 13 Servers
Windows Server 2012 R2 磁盘分区教程
Apr 29 Servers
centos7安装mysql5.7经验记录
May 02 Servers
Nginx 配置 HTTPS的详细过程
May 30 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
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
php实现简单的守护进程创建、开启与关闭操作
2019/08/13 PHP
js中eval详解
2012/03/30 Javascript
ExpressJS入门实例
2015/01/14 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
获取Pytorch中间某一层权重或者特征的例子
2019/08/17 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
行政专员工作职责
2013/12/22 职场文书
出国签证在职证明
2014/01/16 职场文书
11月升旗仪式讲话稿
2014/02/15 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
门店店长岗位职责
2015/04/14 职场文书
金砖之国观后感
2015/06/11 职场文书
PHP基本语法
2021/03/31 PHP