如果这个项目能顺利运行,标志着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,成功咯

浏览器里也能正常登录咯

完结撒花~

 

RuoYi-vue配置记录的更多相关文章

  1. Vue 问题记录

    Vue 问题记录 汇总日常开发中遇到的关于vue的问题 VeeValidator 语言设置 校验消息默认是英文的,定义中文或其他语言的错误提示消息 import VeeValidate from 'v ...

  2. Vue-cli 多页相关配置记录

    Vue-cli 多页相关配置记录 搭建一个顺手的MPA项目脚手架,其实根据项目的不同目录结构和打包配置都可以进行灵活的调整.这次的项目可能是包含各种客户端和管理后台在一起的综合项目所以需要将样式和脚本 ...

  3. Bandwagon的配置记录(二) —— ftp文件传输

    SSH登录服务器 登录的方法在Bandwagon的配置记录(一) —— kexue上网 配置前的准备 1.新建一个目录(  /home/ftp  ),以后可以把文件放在这里,这里相当于是个中转站 cd ...

  4. kafka配置记录

    1. 准备三台机器,系统CentOs6 2. 安装好JDK和zookeeper 参考: zookeeper配置记录 3. 解压安装包到指定目录 tar -zxvf kafka_2.12-2.1.0.t ...

  5. vue配置手机通过IP访问电脑开发环境

    vue配置手机通过IP访问电脑开发环境config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwrit ...

  6. vue配置手机通过IP访问,Win10让局域网内其他电脑通过IP访问网站的方法

    vue配置手机通过IP访问config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by ...

  7. spring cloud config配置记录

    1. spring cloud config配置记录 1.1. pom <!-- 分布式配置中心 --> <dependency> <groupId>org.spr ...

  8. vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏

    vue实现部分页面导入底部 vue配置公用头部.底部,可控制显示隐藏 在app.vue文件里引入公共的header 和 footer header 和 footer 默认显示,例如某个页面不需要显示h ...

  9. 使用SecureCRT / win7远程桌面连接ubuntu配置记录(有更新)

    2017-03-03 更新于末尾 1.Windows7 — Ubuntu 远程桌面连接中 Tab 键不能补全的解决办法 2.xrdp远程连接ubuntu无法使用原机的中文输入法 2017-02-22 ...

  10. MAC OS X Yosemite的PyQt4配置记录

    MAC OS X Yosemite的PyQt4配置记录 声明: 1)本报告由博客园bitpeach撰写,版权所有,免费转载,请注明出处,并请勿作商业用途. 2)若本文档内有侵权文字或图片等内容,请联系 ...

随机推荐

  1. Solution -「NOI 2017」「洛谷 P3825」游戏

    \(\mathscr{Description}\)   Link.   给大家看个乐子: link, 懒得概括题意啦. \(\mathscr{Solution}\)   对于没有 X 的情况, 显然可 ...

  2. 如何快速的开发一个完整的iOS直播app(礼物篇)

    搭建礼物列表 使用modal,设置modal样式为custom,就能做到从小往上显示礼物列表,并且能看见前面的直播界面 礼物模型设计 一开始创建3个礼物模型,保存到数组,传入给礼物View展示,本来礼 ...

  3. golang学习链接

    GitHub入门: https://github.com/rubyhan1314/Golang-100-Days Golang中国: https://www.qfgolang.com/

  4. VulNyx - Responder靶场

    靶机ip 192.168.200.9 先nmap 扫描全端口 这个22端口不知道有没有开 被过滤了 我们 收集一下靶机的ipv6地址 nmap用ipv6地址扫他的端口就能绕过 他的端口过滤 ping6 ...

  5. nc命令-Netcat (网络刀)

    https://blog.csdn.net/freeking101/article/details/53289198 nc参数 1) -l 用于指定nc将处于侦听模式.指定该参数,则意味着nc被当作s ...

  6. Yarn角色

    一.ResourceManager ResourceManager中的调度器负责资源的分配 二.NodeManager NodeManager则负责资源的供给和隔离 ResourceManager将某 ...

  7. List<Map<String, Object>> 排序

    一.代码 public class Test { public static void main(String[] args) { Map<String, Object> map = ne ...

  8. Java8 stream 提取对象 List 中的某一字段生成新的 List

    //输出List StudentInfo.printStudents(studentList); //从对象列表中提取一列(以name为例) List<String> nameList = ...

  9. QT5笔记: 25. 非模态的自定义对话框

    窗口对象为QDialog 显示方法为 show(); locateCell->show(); 可以通过public方法或者信号槽机制获取非模态窗口的信息 例子:非模态窗口,为主窗口数据输入吧 v ...

  10. Typecho博客网站底部添加网站已运行时间教程

    样式一: 1. 将代码放入 functions.php 一般在主题根目录:网站 /usr/themes/ 主题 修改一下你自己的网站时间 // 设置时区 date_default_timezone_s ...