若依前后分离版项目启动教程

若依前后分离版源码下载地址

https://gitee.com/y_project/RuoYi-Vue

若依前后分离版官网文档

http://doc.ruoyi.vip/ruoyi-vue/

1.下载好项目包，解压后下面是目录总览： ruoyi-ui 是前端项目， sql文件夹有两个sql文件

后端启动

后端项目前置

mysql 、redis已经安装好

导入项目修改配置文件

1. 端口号改成其他的一般不用8080（防止以后别的项目端口冲突，笔者为8089）

2. mysql 服务 账号密码 改成自己的（笔者为 账号root 密码root）
   

3. 在Navicat，localhost连接下创建 ry-vue数据库（上图标红处配置用的ry-vue故创建此名）
   

4. 在 ry-vue 数据库上右键 运行sql文件

5. 运行redis服务

6. 在idea中启动项目（如下图：启动成功标志）
   

前端启动

项目前置

安装好node.js和vue脚手架 下面是地址（已配置好的忽略此项）

https://blog.csdn.net/qq_42094345/article/details/100978092

打开vscode导入前端项目

1. 设置vscode为管理员启动 右键->属性->兼容性 勾选以管理员身份运行 确定

2. vscode 点击左上角文件 -》 打开文件夹 ，选中ruoyi-ui项目打开

3. 找到vue.config.js 修改端口号为8089（因为后端端口配置为8089） target: http://localhost:8089
   

4. 找到package.json文件 在scripts下 添加

“build”: “webpack”

4. vscode中 终端-》新建终端 输入 cnpm i 回车 等待安装完毕后，
   输入cnpm run dev 启动项目 如图出现地址，启动成功：
   

前端项目报错解决

1. 提示 $ 标识符无法识别，或者 cnpm无法识别等 都为node.js配置问题，参考配置地址

https://blog.csdn.net/qq_42094345/article/details/100978092

2. cnpm : 无法加载文件 E:\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。
   

原因：这是因为没有管理员授权
解决：电脑左下角window图标 右键 选择windows PowerShell（管理员A），输入下面命令 回车

set-ExecutionPolicy RemoteSigned

然后输入 大写 Y 回车

Y