RuoYi-vue配置记录

半只怪怪 / 2023-08-23 / 原文

如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。

一、官方文档

若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue

解压到自己的目录下

首先根据官方文档的环境部署所说，检查一下自己的这些是否都满足要求了：

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

可以参考我使用的配置教程：

JDK8和IDEA

IntelliJ IDEA安装教程（以IDEA2020.1为例）_蓝多多的小仓库的博客-CSDN博客

MySQL

MySQL-mysql 8.0.11安装教程 - Laumians - 博客园 (cnblogs.com)

Redis

Window下Redis的安装和部署详细图文教程（Redis的安装和可视化工具的使用）redis安装明金同学的博客-CSDN博客

nodejs

https://blog.csdn.net/zimeng303/article/details/112167688

Maven

Maven的安装与配置(详细版)_落日漫余晖.的博客-CSDN博客

vue

Vue安装及环境配置、开发工具_袁小萌同学的博客-CSDN博客

二、后端部署

先在MySQL数据库可视化软件里面（本文用的是Navicat）新建数据表ry-vue，然后右键运行SQL文件，分别运行RuoYi-Vue-master\sql里面的两个文件

在IDEA里面打开这个项目，先到ruoyi-admin里面找到application-druid.yml，把url、username、password改了

用Maven clean一下，再install一下（可能会出现网络问题，试试连手机热点不要连公司内网）

然后发现报错：Unresolved plugin: ‘org.apache.maven.plugins:xxxx’

这时候我们需要去settings里面检查一下User settings file和Local repository设置的对不对，不对的就改一下，改对了这个报错就解决了。

然后就可以顺利clean和install了。

接下来我们看到文件顶部出现一条黄底色的提示：java file outside of source root

然后搜到这个解决方案：IntelliJ IDEA 工程Java文件上红色的无效符 - 【cosmo】 - 博客园 (cnblogs.com)

在若依这个项目中即为：

在IDEA的RuoYi-Vue-master\ruoyi-admin\src\main\java右键Mark Directory as -->Sources Root(告诉IntelliJ IDEA，Java文件夹及其子文件夹中包含的源代码，可以编译为构建过程的一部分)

在IDEA的RuoYi-Vue-master\ruoyi-admin\src\main\resources右键Mark Directory as -->Resources Root（告诉IntelliJ IDEA，resources文件夹及其子文件夹用于应用程序中的资源文件（图像、各种配置XML和属性文件）

至此后端部分可以正常运行了

三、前端部署

先到Redis安装目录下双击运行redis-server.exe把Redis数据库运行起来

然后命令行切换目录到RuoYi-Vue-master\ruoyi-ui

通过npm install安装所需的依赖

根据官方文档所说尝试运行npm run dev

发现报错：（本文仅截取了报错信息的一部分）

查到解决方案：nodejs新版本引起的：digital envelope routines::unsupported_yygr的博客-CSDN博客

于是我们到ruoyi-ui的package.json里面找到“scripts”，给每一项中间都加上

SET NODE_OPTIONS=--openssl-legacy-provider &&

然后回到命令行重新npm run dev，成功咯

浏览器里也能正常登录咯

完结撒花~