项目部署——后端Springboot+前端VUE3

后端:

1.JDK环境配置:

服务器本身是没有装JDK的,

输入:java -version;会显示让你安装JDK,

项目部署——后端Springboot+前端VUE3_第1张图片

输入:apt install openjdk-17-jre-headless

项目部署——后端Springboot+前端VUE3_第2张图片

我们项目后端开发用的是JDK17,所以服务器也安装JDK17

2.Jar包打包

使用IDEA打开项目,点击右侧栏目里的

Maven——》package;将其打包为JAR包;

项目部署——后端Springboot+前端VUE3_第3张图片 

3.Jar包传输到云服务器

使用Xfpt,建立连接,将jar包传输到/usr/local/Englishstaus中

4.解压jar包

进入到压缩包所在目录,执行以下操作之一:

1>java -jar Englishstaus.jar:当前ssh窗口被锁定,不可进行其它操作,ctrl + c或直接关闭窗口停止程序;

2>java -jar Englishstaus.jar &: 当前ssh窗口不被锁定,可进行其它操作,当窗口关闭时,程序退出;

3>nohup java -jar Englishstaus.jar &:后台挂起程序,当账户退出或终端关闭时程序停止,日志文件存储在当前目录的nohup.out文件中;

4>选用这个!!!nohup java -jar Englishstaus.jar > log.txt &

:指定输出日志到log.txt文件,后台挂起程序,当账户退出或终端关闭时,程序仍然运行;

项目部署——后端Springboot+前端VUE3_第4张图片

 

5.查看端口占用情况,检查项目是否已运行:

  1. Ps processstatus aux  用于报告当前系统的进程状态

显示终端上的所有进程,包括其他用户的进程

  1. lsof(list open files) -i:8088。查看服务器 8088 端口的占用情况:

优点:解压jar包时,使用的是第四条指令,所以无需重复解压,解压一次即可持续运行。

前端:

本来想安装nginx环境,然后部署在nginx上,但是限于个人能力,选用了另外一种更为简单的方法,但有一定缺陷。

1.使用VScode打开项目,在项目中添加server.js文件,文件内容为:

项目部署——后端Springboot+前端VUE3_第5张图片

 

2.项目进行打包:npm run build;讲项目打包到dist文件夹;

项目部署——后端Springboot+前端VUE3_第6张图片

 

  输入Serve -s dist,提前预览部署后的效果;

项目部署——后端Springboot+前端VUE3_第7张图片

 

将dist、node_modules、server.js在本地打包,并压缩;

项目部署——后端Springboot+前端VUE3_第8张图片

 

3.将压缩包上传到云服务器,路径 /usr/local/qianduan

4.进入该路径,unzip qianduan.zip;

5.进入解压缩后的文件,输入Node server.js,项目开始运行

项目部署——后端Springboot+前端VUE3_第9张图片

我这里之前已经运行过了,所以显示端口已占用。 

缺点:会话窗口不能关闭,每次运行都要进入到后端的项目文件夹;输入node server.js

部署成功

此时项目已部署成功,可以从浏览器通过IP地址进行访问。

但并没有配置HTTPS协议,所以只能通过HTTP进行访问,项目安全性仍待提高

http://124.71.190.230:8080

你可能感兴趣的:(spring,boot,前端,java)