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

一、官方文档

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

解压到自己的目录下

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

  1. JDK >= 1.8 (推荐1.8版本)
  2. Mysql >= 5.7.0 (推荐5.7版本)
  3. Redis >= 3.0
  4. Maven >= 3.0
  5. 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”,给每一项中间都加上

  1. 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. Rookie Mistake pg walkthrough Intermediate jwt+ssti

    nmap ┌──(root㉿kali)-[~/lab] └─# nmap -p- -A 192.168.189.221 Starting Nmap 7.94SVN ( https://nmap.org ...

  2. Oracle数据库只能127.0.0.1连接,无法局域网远程通过IP访问

    今天使用Oracle时遇到一个问题,连接字符串中IP配置成127.0.0.1时可能正常访问数据库,当配置成实际IP地址时连接数据库失败.然后 telnet IP 1521 失败. 解决方案: 1. 打 ...

  3. 离线安装IDEA插件:详细步骤指南

    离线安装IDEA插件:详细步骤指南 网络环境下载插件包 访问 https://plugins.jetbrains.com/ 一.准备工作 找到可用的插件文件 访问 https://plugins.je ...

  4. Iceberg常用命令

    一.登录spark客户端 spark-sql --master yarn \ --deploy-mode client \ --queue default \ --name wang \ --driv ...

  5. TIPTOP应付账款流程学习

    应付账款流程与应收账款流程是财务管理的开端,也是财务工作的主要流程. 企业的应付账款有很多种,如原材料的应付账款.电力能源的应付账款.房租的应付账款等,大头是原材料的应付账款,以下详细说明. 在讲解之 ...

  6. Luogu P3059 Concurrently Balanced Strings G 题解 [ 紫 ] [ 线性 dp ] [ 哈希 ] [ 括号序列 ]

    模拟赛搬的题,dp 思路很明显,但难点就在于找到要转移的点在哪. 暴力 首先我们可以先考虑 \(k=1\) 的情况,这应该很好想,就是对于每一个右括号,找到其匹配的左括号,然后进行转移即可,这个过程可 ...

  7. python渗透脚本小子速成教程

    python代码即脚本,脚本小子即是python.python只有几个类:常量.字符串,API不可知的数,变量定义.常量是不变固定的,变量是可变的,字符串一般都是单引号''和双引号"&quo ...

  8. 微信分享前端开发全程详解含iOS、安卓、H5、ReactNative以及微信开放标签的适配和使用

    2024年9月,本人在做微信分享前端部分的iOS.安卓和H5的页面和功能时踩了不少坑,于是写了这篇文章,内容包括微信分享在上面三个端的技术点和坑点.解决办法,微信开放标签的相关适配,以及ReactNa ...

  9. clickhouse--数据类型

    数据类型 整型 固定长度的整型,包括有符号整型或无符号整型. 整型范围(-2n-1~2n-1-1): Int8 - [-128 : 127] Int16 - [-32768 : 32767] Int3 ...

  10. Spark SQL (一)

    Spark SQL Spark与Hive的比较,Hive用一句话总结是,传入一条交互式sql在海量数据中查找结果,Spark可以将其结果转化成RDD来来进一步操作. 1.0以前: Shark 1.1. ...