ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置

这篇具有很好参考价值的文章主要介绍了ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

后端配置

下载源码并数据库建表


1.在https://gitee.com/y_project/RuoYi-Vue下载源码并解压至本地文件

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
2.将sql文件下的两个sql文件导入数据库生成表 

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
3.在E:\eclipse\spaceone\RuoYi-Vue-master\ruoyi-admin\src\main\resources\application-druid.yml修改数据库名和密码

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
4.在E:\eclipse\spaceone\RuoYi-Vue-master\ruoyi-admin\src\main\resources\application.yml配置redis的host和port,这两个第一次安装的时候是默认的并且没有密码(不需要改)

安装redis


1.链接:https://pan.baidu.com/s/1aLYs8u6HcuZaNs6-zkkqNA
提取码:f3wi
下载redis并解压至自定义的redis文件夹

2.在redis文件目录输入cmd并回车,弹出命令行

3.首先输入redis-server.exe redis.windows.conf

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

注意!!!

步骤3的窗口不要关闭,开新窗口开始步骤4,否则会报错。

4.再在该路径下打开命令行,输入redis-cli.exe -h 127.0.0.1 -p 6379,再输入ping,弹出pong后表示redis连接成功

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

5.后端配置完成,运行RuoYi-Vue-master\ruoyi-admin\src\main\java\com\ruoyi下的RuoYiApplication.java文件启动

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

6.通过localhost可以访问该页面,表示后端配置完成

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

前端配置

配置node环境


1.在Node.js — Download (nodejs.org)下下载压缩包文件解压至本地,根据自己的操作系统来

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
2.配置环境变量
这是我node文件夹下的路径

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
3.输入win+R,输入cmd打开命令行窗口,输入node,如图所示,配置node成功(或node -v或npm -v)

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea


4.在E:\eclipse\spaceone\RuoYi-Vue-master文件路径下输入cmd,弹出命令行窗口并输入cd ruoyi-ui

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
5.添加依赖输入npm install(或npm install --registry=https://registry.npm.taobao.org)可以看见在下载完成依赖(这部分的结果有点问题,参考原文章)

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
6.再输入npm run dev,回车完成运行且自动弹出界面

注意!!!

此处会报错,解决方法如下:

第一步: 直接打开package.json

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

第二步: 直接替换scripts的内容为下面的内容

  "scripts": {
    "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "electron:serve": "vue-cli-service electron:serve",
    "electron:build": "vue-cli-service electron:build",
    "electron:build:win32": "vue-cli-service electron:build --win --ia32",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src"
  },

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea 保存后再输入npm run dev,回车完成运行且自动弹出界面

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

等待加载

运行成功,并且自动弹出窗口

ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea

这就完成了本地环境的部署
ruoyi-vue 前后端分离redis,前端,vue.js,intellij-idea
                        
原文链接:https://blog.csdn.net/weixin_45114975/article/details/121693651

参考链接:若依vue前端 报错error:0308010C:digital envelope routines::unsupported一步到胃的解决方法_error: error:0308010c:digital envelope routines::u-CSDN博客文章来源地址https://www.toymoban.com/news/detail-850589.html

到了这里,关于ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 若依管理系统搭建教程,ruoyi-vue环境搭建

    启动后端 修改数据库连接,编辑 resources 目录下的 application-druid.yml 修改服务器配置, 编辑resources目录下的application.yml  开发环境配置 打包工程文件 在 ruoyi 项目的 bin 目录下执行 package.bat 打包Web工程,生成war/jar包文件。 然后会在项目下生成 target 文件夹包含 war 或 jar 提示

    2024年01月22日
    浏览(39)
  • 开源项目学习:若依RuoYi-Vue后台管理系统【环境搭建】

    第一章 环境搭建 第二章 项目运行 第三章 阅读源码:例子-新增用户接口 第四章 基于ruoyi-vue开发新项目 本文尽量贴近零基础入门,献给初入门的学弟学妹们! 文章基本流程:环境配置→运行项目→阅读源码 安装环境时最好修改安装路径! Java开发必备! JDK下载:http://www

    2023年04月19日
    浏览(46)
  • RuoYi-Vue前后端分离搭建MQTT服务器实现消息订阅、发布、数据存储 (EMQX Windows10)最全,懒人操作

    1、在RuoYi-Vue项目的superVisualizationSys-common模块下的pom.xml加入jar包依赖 3、在superVisualizationSys-commonsrcmainjavacomsuperVisualizationcommonutils目录下新建mqtt文件夹,添加以下三个文件 注:项目报红的地方可以按Alt+Enter键导包 下载路径: https://www.emqx.io/zh/download   1. 在windows上安装

    2024年02月15日
    浏览(43)
  • 若依框架ruoyi-vue(前后端版)字典的使用

    显示效果:  状态实际 值为 1,讲师审核中为我们在字典管理中定义的。 步骤:先在ruoyi的字典管理中定义字典 字典管理中  然后根据字典设置自己需要的值 设置完值后,然后是前端表格的数据回显 这里先打开我们的前端vue工程,我们需要回显页面对应的vue文件中 在expor

    2024年02月11日
    浏览(36)
  • 若依(RuoYi-Vue)+Flowable工作流前后端整合教程

    此教程适合若依前后端分离项目,其他项目可以在扩展列表中进行查找。 近期公司里需要对很久以前的RuoYi-Vue前后端分离项目扩展出flowable的功能,当然这个重任也是落在了我的身上(不然也不会有这篇文章),然后我在官网看到了RuoYi-Vue-Flowable这个项目,按照文档提供的迁

    2023年04月21日
    浏览(41)
  • 【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目

    一、Ruoyi-Vue前后端分离项目结构 二、Redis部署 1、下载Windows版本Redis 2、解压缩到安装目录 3、在安装目录栏输入cmd,按回车键 4、将Redis绑定为 Windows 服务,设置为后台启动 或者 5、常用命令 启动服务 停止服务 卸载命令 6、停止和启动也可以通过页面来操作 右键 此电脑 --管

    2024年02月13日
    浏览(34)
  • ruoyi-vue前后端分离框架上传图片不显示问题,nginx解决方案

    使用若依前后端分离框架,前端项目打包在Nginx,上传图片时,图片上传成功,但是在列表页和添加/修改页面没有正常显示。 插入成功后数据库保存数据样式: 回显数据时样式: 此时样式是打不开的,无法找到路径 解决办法:nginx.conf在location中添加alias location /prod-api/profil

    2024年02月02日
    浏览(30)
  • 若依(Ruoyi)前后端分离版项目部署到服务器(Linux环境)后,刷新页面报错:404 Not Found

    原文章: 若依(ruoyi)前后端分离版使用教程之若依后端部署阿里云服务器步骤(超详细)_蓝多多的小仓库的博客-CSDN博客 问题:         在若依项目部署服务器后,可以正常运行,但如果执行刷新页面操作,便会出现404 Not Found。 原因:         Nginx未正确配置。由

    2024年02月17日
    浏览(38)
  • Ruoyi安装部署(linux环境、前后端不分离版本)

    目录 简介 1 新建目录 2 安装jdk 2.1 jdk下载 2.2 解压并移动文件夹到/data/service目录 2.3 配置环境变量 3 安装maven 3.1 进入官网下载最新的maven 3.2 解压并移动文件夹到/data//service目录 3.3 配置环境变量 3.4 配置本地仓库地址与阿里云镜像 4 安装git 4.1 进入官网下载git 4.2 解压编译安

    2024年02月11日
    浏览(28)
  • 若依Ruoyi-Vue生成代码使用

    目录 一、效果一览: 二、详细步骤: ①登录若依----点击系统工具--点击代码生成模块 ②使用Navicat在若依数据库里面新建一张表单,我这示例创建了my_students表单 并为表设计字段添加数据  ③在代码生成栏导入刚才创建的my_students表 并编辑这张表  ④完成这些操作之后,点

    2024年02月05日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包