前后端分离项目部署至云服务器相关
博主使用的云服务器为阿里云服务器😊废话不多说,我们直接开始
推荐工具:
云服务器的配置:
所需环境概述:
-
这里博主选择的系统镜像为CentOS8.2,应用镜像为LNMP7.4,选择该应用镜像是因为其预装了Nginx1.18、MySQL5.7不用自己安装了
-
下面开始安装JDK(>=1.8):
下载地址
从oracle官方网站上下载1.8版本中的最新版的JDK。下载完成后,把文件通过WinSCP或者XFTP上传到服务器上。接着进行解压和配置环境变量。
如此一来,服务器环境就配置好了
后端配置部署:
- 由于云服务器所用MySQL版本为5.7,因此后端的pom.xml文件应当做相应修改:
这里用到的5.1.25版本经测试可以与5.7兼容,主要是博主找不到5.7的jar包😂如果有找到的小伙伴可以分享一下嘛,蟹蟹辣😘
- application.yml关于数据库的部分也要做相应调整:
- 接下来打包后端项目:
最终可以在target文件夹下得到一个jar包,就是我们要部署到服务器上的
-
部署至服务器:
首先应当开放数据库远程连接权限:
在XShell终端中输入:
#登入MySQL服务: mysql -u root -p #开放权限: GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '远程连接时的密码' WITH GRANT OPTION; #刷新权限: FLUSH PRIVILEGES;
之后我们利用Navicat工具远程连接服务器数据库后新建自己项目所需要的数据库即可接着进行后续操作:
然后我们新建一个文件夹专门来运行jar包
利用XFTP工具将jar包上传至服务器对应位置:
-
开启后端服务:
-
检查是否开启成功:
-
关闭后端服务:
前端配置部署
-
配置axios以及跨域支持配置文件:
-
在终端利用npm run build命令打包前端项目
-
利用XFTP工具上传至服务器:
-
更改Nginx配置: