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

更新时间：2022年06月28日 11:12:07 作者：班乃

本文主要介绍了腾讯云服务器部署前后分离项目之前端部署，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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

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

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

在这里插入图片描述

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

您可能感兴趣的文章:

Linux解决RocketMQ中NameServer启动问题的方法详解
这篇文章主要为大家详细介绍了Linux解决RocketMQ中NameServer启动问题的方法,文中通过图片和示例代码进行了详细讲解,需要的小伙伴可以参考下
2023-08-08
详解Linux命令与文件查找
这篇文章主要介绍了Linux命令与文件查找，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
Linux虚拟主机面板 kloxo安装及汉化教程分享
Kloxo的前身是lxadmin，是一款免费的虚拟主机管理系统，安装简单，功能强大，可以快速地在red hat,centos系列linux系统的主机上搭建LAMP环境。新版以完全解除限制无限域名绑定
2012-09-09
Linux的5种IO模型用法详解
Linux里有五种IO模型：阻塞IO、非阻塞IO、多路复用IO、信号驱动式IO和异步IO，本文将详解的给大家介绍这五种模型，感兴趣的同学可以参考阅读
2023-05-05
CentOS服务器平台搭建mysql主从复制与读写分离的方法
这篇文章主要介绍了CentOS服务器平台搭建mysql主从复制与读写分离的方法,结合实例形式较为详细的分析了CentOS平台搭建mysql主从复制与读写分离的步骤、设置方法、相关操作技巧与注意事项,需要的朋友可以参考下
2018-04-04
Linux系统设置PATH环境变量(3种方法)
这篇文章主要介绍了Linux系统设置PATH环境变量(3种方法)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
Linux查看系统配置常用命令详解
这篇文章主要为大家详细介绍了Linux查看系统配置常用命令，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-12-12
Ubuntu 16.04备份和恢复小结
一开始想借助于第三方的备份恢复工具来完成当前的Ubuntu 16.04系统的备份以及后面的还原工作，不过考虑到那样做比较麻烦，索性就使用tar工具直接备份得了。这篇文章给大家详细介绍了Ubuntu 16.04备份和恢复的方法，有需要的朋友们可以参考借鉴，下面来一起看看吧。
2016-11-11
Linux中的几种最佳文件系统
这篇文章主要介绍了Linux中的几种最佳文件系统,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-02-02
CentOS6.5系统简单安装与配置Nginx服务器的方法
这篇文章主要介绍了CentOS6.5系统简单安装与配置Nginx服务器的方法,结合实例形式较为详细的分析了CentOS6.5平台安装及配置nginx服务器的具体步骤、相关命令及使用方法,需要的朋友可以参考下
2018-04-04