开发喵星球

使用 RuoYi-Vue3 实现前端独立运行(342)

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

三、效果展示

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

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

   
分类:Java/OOP 作者:无限繁荣, 吴蓉 发表于:2024-09-26 09:18:13 阅读量:137
<<   >>


powered by kaifamiao