ruoyi-vue版本的安装部署

本文介绍了开发版本的部署流程,包括所需软件版本如JDK1.8+,MySQL5.7+,Redis3.0+,Maven3.0+和Node.js12。后端项目需在IDEA中启动,前端项目启动可选IDEA的npm工具或通过命令行操作。生产部署时,提到了针对Node.js17和18的兼容性问题及其解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开发版本的部署

官网地址
准备工作

idea专业版
JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

后端项目启动;
数据库与redis提前安装好
建议使用git clone项目到idea中,方便修改管理。也可以下载zip解压。
后端启动,修改数据库连接之后,打开项目运行com.ruoyi.RuoYiApplication.java

前端项目启动:
方式一、使用idea的启动工具
新建npm启动,选择package.json文件,scripts选择package.json中scripts中的选项。按照提示下载依赖,然后点击启动按钮
方式二、打开终端

# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npmmirror.com
# 本地开发 启动项目
npm run dev

注意:前端启动可能会遇到的问题
nodejs报digital envelope routines::unsupported
Node.JS 17和18 的 BUG,相关 ISSUE 也给出了解决办法,就是修改package.json,在相关构建命令之前加入set NODE_OPTIONS=–openssl-legacy-provider

"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": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src"
  }

生产部署

### RuoYi-Vue 部署指南 RuoYi 是一款基于 Spring Boot 的开源后台管理系统,而 RuoYi-Vue 则是其前端部分采用 Vue 技术栈实现的一个分支版本。以下是关于如何部署 RuoYi-Vue 项目的详细说明。 #### 一、环境准备 为了成功运行和部署 RuoYi-Vue 项目,需确保本地开发环境中已安装以下工具和技术组件: 1. **Java 开发环境** - 安装 JDK (推荐使用 Java 8 或更高版本)[^1]。 - 设置 JAVA_HOME 环境变量并将其加入 PATH 中。 2. **Maven 构建工具** - 下载并配置 Maven 工具,用于构建后端服务模块[^1]。 - 建议版本为 Apache Maven 3.x 及以上。 3. **Node.js 和 npm/yarn** - Node.js 版本应不低于 v10.x[^2]。 - 使用 npm 或 yarn 来管理前端依赖项。 4. **数据库支持** - 默认情况下,RuoYi 使用 MySQL 数据库作为存储引擎。 - 创建一个新的数据库实例,并导入官方提供的 SQL 脚本文件 `sql/ry-database.sql`。 5. **其他必要软件** - Git:克隆源码仓库所需的版本控制工具。 - IDE(如 IntelliJ IDEA 或 Eclipse),便于调试代码逻辑。 #### 二、获取源码 通过 GitHub 地址下载最新版的 RuoYi-Vue 源码: ```bash git clone https://github.com/yangzongzhuan/RuoYi-Vue.git cd RuoYi-Vue ``` #### 三、后端服务搭建 1. 修改 `ruoyi-admin/src/main/resources/application.yml` 文件中的数据库连接参数以匹配实际使用的 DB 实例设置。 2. 执行如下命令完成整个工程及其子模块的编译打包过程: ```bash mvn clean install -DskipTests=true ``` 3. 进入 admin 子目录下单独执行一次完整的生命周期操作来验证是否正常工作: ```bash cd ruoyi-system/ mvn compile package install java -jar target/*.jar --spring.profiles.active=dev ``` #### 四、前端应用构建 切换到 vue 目录位置开始初始化所需资源包以及生产模式下的静态资源生成流程: ```bash cd ruoyi-ui npm install || yarn install npm run build || yarn build ``` 完成后会得到 dist 文件夹内的产物可以直接上传至 Nginx/Tomcat 等 Web Server 上供外部调用展示页面效果。 #### 五、常见问题排查 如果遇到某些特定场景无法顺利加载数据或者跳转失败等问题时可以尝试上述提到的方法解决可能存在的缓存残留影响或是未同步最新的改动内容情况发生。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_41492331

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值