1.首先确保电脑中有Xshell和Xftp
Xshell和Xftp免费下载地址 : https://www.netsarang.com/zh/free-for-home-school/
(需要填写正确的邮箱地址,提交后发送下载地址到邮箱中)
1
2
2.前端
1.在当前项目文件夹下,运行cmd,执行以下命令
npm run build
1
2.运行成功后,打开项目,会生成一个dist文件夹
在这里插入图片描述
3.后端
1.将dist文件夹下的所有文件放到如下位置
在这里插入图片描述
2.更改配置文件
在这里插入图片描述
3.用maven进行打包
在这里插入图片描述
运行成功后出现以下内容说明打包成功
在这里插入图片描述
4.打包好后到target找到jar文件,放到方便找到的位置
在这里插入图片描述
3.部署项目到服务器
1.打开Xshell进行远程连接服务器,点击新建–>连接
在这里插入图片描述
点击用户身份验证,输入用户名和密码,点击连接
在这里插入图片描述
出现下图说明连接成功
在这里插入图片描述
.2.点击文件传输按钮,打开Xftp (确保已经安装了Xftp)
在这里插入图片描述
3.点击后进行以下操作
在这里插入图片描述
4.连接成功后出现以下界面,左边找到jar文件位置,右边进入root目录,双击jar文件,下面会出现传输进度等待传输完成
在这里插入图片描述
5.传输完成后回到Xshell,进入到root目录下
cd /root
1
查看目录下文件信息
ll
1
找到jar文件
在这里插入图片描述
运行jar文件
nohup java -jar lky_backend-1.0.jar > ./lky_backend.log &
1
出现下图则部署成功
在这里插入图片描述
6.部署完毕将本地项目有prod改为dev
在这里插入图片描述
7.在本地打开网页链接
http://212.64.34.49:8081/login
212.64.34.49 : 是服务器公网ip地址