若依前后分离版源码下载地址
https://gitee.com/y_project/RuoYi-Vue
若依前后分离版官网文档
http://doc.ruoyi.vip/ruoyi-vue/
1.下载好项目包,解压后下面是目录总览: ruoyi-ui 是前端项目, sql文件夹有两个sql文件
后端启动
后端项目前置
mysql 、redis已经安装好
导入项目修改配置文件
- 端口号改成其他的一般不用8080(防止以后别的项目端口冲突,笔者为8089)
- mysql 服务 账号密码 改成自己的(笔者为 账号root 密码root)
- 在Navicat,localhost连接下创建 ry-vue数据库(上图标红处配置用的ry-vue故创建此名)
- 在 ry-vue 数据库上右键 运行sql文件
5. 运行redis服务
- 在idea中启动项目(如下图:启动成功标志)
前端启动
项目前置
安装好node.js和vue脚手架 下面是地址(已配置好的忽略此项)
打开vscode导入前端项目
- 设置vscode为管理员启动 右键->属性->兼容性 勾选以管理员身份运行 确定
- vscode 点击左上角文件 -》 打开文件夹 ,选中ruoyi-ui项目打开
- 找到vue.config.js 修改端口号为8089(因为后端端口配置为8089) target:
http://localhost:8089
- 找到package.json文件 在scripts下 添加
“build”: “webpack”
- vscode中 终端-》新建终端 输入 cnpm i 回车 等待安装完毕后,
输入cnpm run dev 启动项目 如图出现地址,启动成功:
前端项目报错解决
- 提示 $ 标识符无法识别,或者 cnpm无法识别等 都为node.js配置问题,参考配置地址
- cnpm : 无法加载文件 E:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。
原因:这是因为没有管理员授权
解决:电脑左下角window图标 右键 选择windows PowerShell(管理员A),输入下面命令 回车
set-ExecutionPolicy RemoteSigned
然后输入 大写 Y 回车
Y