RouYi-Vue项目部署——保姆级教程

我自己部署这个项目走了些弯路，做个总结，可以说是保姆级教程了，不懂的评论区留言，看到会回复的哦。

一、前期准备

项目部署需要用到的，建议提前下载安装配置好哦，下方只要是蓝色字体都是传送门哦：

JDK>=1.8（我的是16.0.2）

MySQL>=5.7（我的是5.7）

Apache Maven >= 3.0（我的是3.8.6）

Navicat （连接数据库，我的是15）

npm （我的是6.14.15，做前端时装的）

IDEA（用来导入运行后端，我的是2022.1最新版）

vscode（打开运行后台，也可以是Hbuild、webstorm等）

Git （用来下载项目）

二、下载项目RuoYi-Vue

传送门：https://gitee.com/y_project/RuoYi-Vue

建议使用git clone http地址进行下载

文件夹预览：

三、启动后端

3.1、打开IDEA，导入整个项目文件夹RuoYi-Vue

3.2、IDEA还自动进行Maven加载项目依赖

  3.3、navicat导入sql文件

• 首先要连接自己的mysql（自己找教程）；
• 在连接（我的连接名叫aaa）下新建数据库ruoyi（名字自己设置，第4步里己的改成对应的）；

•  运行SQL文件

 

•  右键表刷新即可看到导入的sql文件

 3.4、IDEA中找到数据库配置文件

• 找到RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml将端口号、数据库名、数据库密码改成自己的（第3步里自己设置的，密码时安装mysql时的）

• 找到RuoYi-Vue\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java文件，右键运行，启动后台

•  出现下图表示启动成功

•  在浏览器输入http://localhost:8080验证

 四、启动后台（前端代码）

4.1、在vscode打开文件夹RuoYi-Vue\ruoyi-ui

4.2、在项目里运行npm install

 4.3、运行npm run dev启动后台

 4.4、运行成功显示的地址在浏览器打开即可看到登录界面

 五、遇到的问题

5.1、登录页面无验证码

如果没有验证码就无法登陆，检查一下数据库配置，见3.4，仔细检查数据库名称、密码，端口号是否有误

5.2、登录成功页面乱码

今天我部署这个项目就遇到了乱码问题，长这个样子（图是借的，我的已经解决了）：

 我尝试了很多方式都无法解决，在这里给大家避个雷吧：

我们在navicat导入那两个sql文件之前，用记事本或其他软件分别打开.sql文件，在文件最上方添加一行代码（或者在建数据库之前打开mysql那个黑框，输入这个命令）：

SET NAMES 'utf8';

这句代码意味着在导入时会先运行，将一下格式换成utf8，这样就不会乱码了，因为这一句相当于执行了以下三句：

SET character_set_client = utf8; 
SET character_set_results = utf8; 
SET character_set_connection = utf8;