当前位置: 首页 > article >正文

若依微服务15 - RuoYi-Vue3 实现前端独立运行

正文开始:

RuoYi-Vue3 使用 Vue3 + Element Plus + Vite 技术栈。
GitHub 开源地址:https://github.com/yangzongzhuan/RuoYi-Vue3
本文介绍使用若依提供的在线后端接口,仅启动前端项目并进行界面开发,而无需启动后端服务。

一、克隆项目仓库

首先,克隆 RuoYi-Vue3 项目仓库:

git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

二、编译与运行

1. 安装依赖

进入项目目录,并使用 npm 安装所需依赖:

npm install --registry=https://registry.npmmirror.com

2. 配置修改

在 .env.development 文件中进行如下配置调整:

# 页面标题
VITE_APP_TITLE = 若依管理系统

# 开发环境配置
VITE_APP_ENV = 'development'

# 若依管理系统/开发环境
VITE_APP_BASE_API = 'http://vue.ruoyi.vip/prod-api'

 

3. 启动项目

运行以下命令启动开发服务器:

npm run dev

三、效果展示

项目成功启动后,您将会看到如下界面:

通过上述步骤,您可以在不启动后端服务的情况下,使用若依提供的在线后端接口进行前端开发和界面调整。


http://www.kler.cn/news/368573.html

相关文章:

  • Spring中的SPI:揭秘灵活扩展的秘密武器
  • SpringBoot核心框架之AOP详解
  • Liunx权限概念及权限管理
  • XJ07、消费金融|信贷还款的基本种类及其系统交互
  • GoogleChrome的安装和使用
  • 网络原理之 TCP解释超详细!!!
  • 进程间通信(二)消息队列、共享内存、信号量
  • 国家数据局发布41个数据领域名词官方解释
  • Keep健身TV版 3.3.0 | 针对智能电视的健身塑形软件
  • linux文件的权限
  • RabbitMq-队列交换机绑定关系优化为枚举注册
  • 使用 telnet 连接 dubbo 服务调用暴露的 dubbo 接口
  • HTML,CSS,JavaScript三件套
  • git命令报错:fatal: not a git repository (or any of the parent directories): .git
  • ELK日志分析系统部署
  • oneApi中,渠道 M3E配置
  • Redis学习文档(Redis基本数据类型【Hash、Set】)
  • MATLAB代码优化
  • 合合信息智能文档处理百宝箱:强力驱动,加速文档类应用研发进程
  • [MySQL#0] 详解如何在 Linux 上安装 MySQL | 常见登录问题
  • 《陕西师范大学学报(自然科学版)》
  • 通过一个具体的场景来理解SSTable的工作原理。
  • 算法的学习笔记—左旋转字符串(牛客JZ58)
  • react antd批量导入的formData传参在beforeUpload、onChange事件中获取文件内容
  • ARM嵌入式学习--第六天(电子电路基础知识)
  • Docker:4、龙晰(Anolis OS 8.8)宝塔面板安装