Linux（十二) 前后端分离项目部署

一、技术栈

前端：Vue、Element UI
后端：java+mysql+nginx+redis
linux需要安装jdk、mysql、redis、nginx、maven环境
安装教程链接如下：
jdk：点我
mysql：点我
nginx：点我
redis：点我
maven：点我

二、后端部署

1、下载、解压源码

下载
https://gitee.com/y_project/RuoYi-Vue.git (git下载)
https://gitee.com/y_project/RuoYi-Vue/tree/v2.3 (离线下载)

image.png

解压

unzip RuoYi-Vue-v2.3.zip

image.png

2、配置后端源码数据库、redis、日志

数据库配置：

image.png

redis配置：

image.png

日志配置：

image.png

3、navicat导入sql

新建一个ry-vue的数据库，在将项目中sql文件导入即可

4、后端打包（jar包）

切换至ruoyi目录下，用mvn package打包

image.png

image.png

target目录下生成一个ruoyi.jar包
启动jar包：java -jar ruoyi.jar &
启动成功：（如图）

image.png

切换为后台运行：nohup java -jar ruoyi.jar &

三、前端部署

1、打包前端项目

进入ruoyi-ui
安装node、js依赖：npm install --unsafe-perm --registry=https://registry.npm.taobao.org

image.png

打包：npm run build:prod
打包成功，生成一个dist文件

image.png

2、配置nginx

image.png

重新加载配置：
/usr/local/nginx/sbin/nginx -s reload

访问网址：xxxxx

image.png

踩坑记录

1、部署项目时端口冲突
解决方式：部署项目时查看端口是否被占用

后期规划：去除图形验证码，便于接口测试

创作不易。点个赞再走呗。。。。