如果这个项目能顺利运行,标志着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. CDS标准视图:技术对象检验级别描述 I_TechObjInspectionLevelText

    视图名称:技术对象检验级别描述 I_TechObjInspectionLevelText 视图类型:基础视图 视图代码: 点击查看代码 @AbapCatalog: { sqlViewName: 'IT ...

  2. 用领域驱动DDD的方式实现购物车-基于abp一代6.2

    废话 之前七七八八看了些DDD相关概念,充血模型.领域事件.领域服务.应用服务等,大致能理解但从未实践.最近在用ABP做个电商模块,尝试用DDD方式来实现购物车功能,感觉还行,下面做个记录. 业务分析 ...

  3. 工作流调度器-Azkaban

    1.工作流调度器 1.为什么需要工作流调度系统 一个完整的数据分析系统通常都是由大量任务单元组成: shell脚本程序,java程序,mapreduce程序.hive脚本等 各任务单元之间存在时间先后 ...

  4. Kubernetes 知识梳理及集群搭建

    Kubernetes介绍 应用部署方式演变 在部署应用程序的方式上,主要经历了三个时代: 传统部署:互联网早期,会直接将应用程序部署在物理机上 优点:简单,不需要其它技术的参与 缺点:不能为应用程序定 ...

  5. linux:MariaDB安装

    介绍 链接 安装 查看系统中是否已安装 rpm -qa | grep -i mariadb 返回结果类似如下内容,则表示已有 MariaDB 的包 为避免安装版本不同造成冲突,请执行以下命令移除已安装 ...

  6. 小程序之navigator跳转方式

    navigator中的open-type可以决定小程序的跳转方式: 是否关闭当前页面 或者说以何种方式进行跳转 标签<navigator>中 open-type属性表示小程序的跳转方式: ...

  7. 通讯录管理系统(C++基础知识实现)

    通讯录管理系统 描述:本人C++小白一枚,正在学习C++基础知识,给大家分享一款使用C++基础知识实现的通讯录管理系统,一起努力进步,大佬轻点喷. 1. 知识点 (1) 预处理器指令 (#includ ...

  8. mac安装spark

    一.基础信息 spark版本:spark-3.1.3-bin-hadoop3.2 hadoop版本:hadoop-3.2.1 scala版本:scala-2.11.12  建议3.12版本 下载地址: ...

  9. 管理虚拟机(virtual-manager)

  10. 嵌入式linux下的FTP服务器配置记录

    嵌入式linux FTP服务器 一般嵌入式Linux下的FTP服务器会有什么要求呢?一般来说差不多如下所示 账号认证,需要特定用户才能访问(不一定要和登录用户挂钩) 根目录固定在一个固定的位置,且不能 ...