Ruoyi-Vue前后端分离版本IDEA搭建运行

一、环境搭建

1.1 安装npm：https://nodejs.cn/download/

根据自己电脑系统及位数选择，我的电脑是Windows系统、64位、想下载稳定版的.msi（LTS为长期稳定版）这里选择windows64位.msi格式安装包。

下载完成后，双击安装包，开始安装，使用默认配置安装一直点next即可，安装路径默认在C:\Program Files下，也可以自定义修改
下图根据本身的需要进行，我选择了默认Node.js runtime，而后Next

• Node.js runtime ：表示运行环境
• npm package manager：表示npm包管理器
• online documentation shortcuts ：在线文档快捷方式
• Add to PATH：添加到环境变量
  
  以下图框中所示，我未选中，直接next
  

点击Install，进行安装

点击finish，完成安装

1.2 安装Redis：https://github.com/tporadowski/redis/releases

下载解压完成后，直接在Redis目录路径处输入cmd回车进入命令窗口

随后使用以下命令来启动redis服务：

redis-server.exe redis.windows.conf

默认端口为6379，出现图上的图标说明redis服务启动成功。
命令里面的 redis.windows.conf 可以省略，省略后，使用redis-server.exe命令会使用默认的配置。

为了方便，建议把Redis路径配置到系统变量Path值中

打开Redis客户端进行连接，我们使用redis-cli.exe命令来打开Redis客户端：

redis-cli.exe -h 127.0.0.1 -p 6379

在命令中输入ping命令来检测redis服务器与redis客户端的连通性，返回PONG则说明连接成功了。

二、运行Ruoyi-Vue项目

2.1 代码下载：https://gitee.com/y_project/RuoYi-Vue

文件夹预览：

在IDEA中打开项目：

2.2 创建mysql数据库并且导入数据

SQL文件位置：

创建数据库并且导入：

2.3 运行java启动文件

若出现Web server failed to start. Port 8080 was already in use.则需要修改端口号：

出现这个表示后端运行成功了:

在浏览器运行，这也表示后端运行ok的：

2.4 运行前端

切换到ruoyi-ui目录的终端运行 npm i 下载所有依赖：

我更改了后端端口号，前端也需要更改，默认8080，后端没改这里也不需要改，忽略这一步。

下载完毕运行 npm run dev

然后打开看到有验证码显示就是前后搭建成功。

三、 相关报错解决

3.1 运行npm run dev中报错

在执行运行项目命令之前，先运行这个命令：

set NODE_OPTIONS=--openssl-legacy-provider 

3.2 运行RuoYiApplication.java只出现佛祖保佑图案

需要检查前后端端口号是否一致：

3.3 运行若依出现后端接口连接异常（验证码出不来）

需要修改.env.development中的VUE_APP_BASE_API的值