RuoYi 前后端分离配置

项目场景：

说一下在配置的过程中一些比较麻烦的地方

环境需要：

• JDK
• Mysql
• Redis
• Maven
• Node
• nginx

Node环境配置说明（其他的比较简单，不说吧）

1. https://nodejs.org/en/download/

下载node选择安装目录，一直next，查看是否安装成功：

命名窗口 ：

• node –v
• npm –v
  
  插一嘴：新版的Node.js已自带npm，安装Node.js时会一起安装

2.在安装目录新建两个文件夹

3.在命令窗口依次输入(注意空格)

• Npm config set prefix “D:\IDEA\node-v14.15.4-win-x64\no\node_global”
• Npm config set cache “D:\IDEA\node-v14.15.4-win-x64\no\node_cache”
  目的是为了设置缓存路径

4.环境变量
用户变量
系统变量

变量名：

• NODE_HOME

变量值：

• D:\IDEA\node-v14.15.4-win-x64\no\ node_modules
  （前面的是安装目录，看准最后面的\ node_modules 就行）

点击Path 添加如图名字

5.尝试安装是否正确：

重新进入 cmd 依次输入：

• node
• npm install –g vue
• require(‘vue’)
  出现如下：
  

后端运行

1.下载RuoYi: https://gitee.com/y_project/RuoYi-Vue

2.打开IDEA ，读取RuoYi文件，会自动加载Maven依赖包，初次加载会比较慢（根据自身络情况而定）

3.创建数据库ry-vue并导入数据脚本ry_2021xxxx.sql，quartz.sql

①具体语句：

CREATE DATABASE ry-vue

CHARACTER SET 'utf8mb4'

COLLATE 'utf8mb4_unicode_ci'
;（数据脚本在RuoYi文件sql文件夹下）

4.打开项目并运行com.ruoyi.RuoYiApplication.java，出现如下图表示启动成功。

遇到过的问题：直接运行结束

解决 ：Redis 没有启动或者是启动错误，如果不是这两个问题具体看看关于 redis的文章

前端运行

1.进入到RuoYi下载目录下（或者在IDEA的终端）
D:\IDEA\y_project-RuoYi-Vue-master\RuoYi-Vue

2.打开 cmd 依次输入 ：

• cd ruoyi-ui
• npm install
  –registry=https://registry.npm.taobao.org
• npm run dev

运行前注意

1. 启动Redis、Node、nginx、连接Mysql

2. 打开浏览器，输入：(http://localhost:80 (opens new window)) 默认账户/密码 admin/admin123）