欢迎光临
我们一直在努力

vue前后端分离项目,打包部署到阿里云服务器。

提醒:这里默认你已经配置好阿里云,例如开放安全组的端口号,宝塔面板中也要开放,配置了nginx;并且安装有mysql数据库,redis,nginx等必备的软件。
第一,打包前端代码,在终端使用命令行方式打包。
①选择需要打包的前端文件,右键
在这里插入图片描述
②在终端处,输入命令:npm run build:prod。如下图
在这里插入图片描述③出现dist文件,证明打包成功。
在这里插入图片描述
第二、打包后端代码,使用maven的package工具打包admin代码即可。
①选择maven工具
在这里插入图片描述
②点击package打包后端代码
在这里插入图片描述
③打包成功
在这里插入图片描述
第三,上传前端和后端代码到阿里云服务器,上传的方式有很多种,这里使用宝塔面板-文件上传方式。
①选择需要上传的文件
在这里插入图片描述
②上传成功
在这里插入图片描述
第四,在终端处运行后端代码。
①点击终端
在这里插入图片描述
②安装nohup:yum install coreutils。nohup使程序在服务器后台执行,方便运行后端代码。安装过程中会让你确认是否更新包,按y,继续安装即可。
hu
安装过程中会让你确认是否更新包,按y,继续安装即可。
在这里插入图片描述
③运行后端代码输入命令:

nohup java -jar zyy-admin.jar > /dev/null 2>&1 & 备注,后端代码打的jar名称:zyy-admin.jar jar 

④查看运行情况,查看命令:ps -ef | grep java
在这里插入图片描述
⑤下线项目
1)查看项目运行进程号,查看命令:ps -ef | grep java
2)结束该进程:kill -9 xxxx.注意,xxxx:进程号
在这里插入图片描述
3)删除前端代码。删除命令rm -rf dirname;rm:移除,-r:递归移除,即删除该文件夹下所有的东西;-f:-f 直接强行删除,不作任何提示的意思;dirname:需要删除的文件名称,此处为前端代码dist。
在这里插入图片描述

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:vue前后端分离项目,打包部署到阿里云服务器。
文章链接:https://www.jmwz.net/900.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址