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

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


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

使用docker命令获取Nginx镜像

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

1. docker pull nginx

复制代码 查看镜像是否获取成功

1. docker images

复制代码

编写Dockerfile文件

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

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

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

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

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

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

复制代码 这里我的镜像名字叫hncj-web

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

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

复制代码 这里我的容器名字叫hncj-web

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

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

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