项目部署——后端Springboot+前端VUE3_前端vue和后端spring一体化部署

后端：

1.JDK环境配置：

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

输入：java -version；会显示让你安装JDK，

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

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

2.Jar包打包；

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

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

 

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文件,后台挂起程序,当账户退出或终端关闭时,程序仍然运行；

 

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

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

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

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

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

前端：

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

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

 

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

 

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

 

将dist、node_modules、server.js在本地打包，并压缩；

 

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

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

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

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

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

部署成功

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

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

http://124.71.190.230:8080