一款基于UniApp的移动办公后台系统RuoYi-Mobile开发-CSDN博客

🌱「码路小匠」：以代码为凿，刻出技术的形状

专注分享优质开源项目和前沿技术栈，助力开发者提升效率

注: 文末添加微信码路小匠，回复 973，获取项目源码地址

文章目录

📖 项目简介

随着企事业单位信息化发展，移动办公需求日益增多。相比原生APP，H5和小程序更轻量便捷，适合快速搭建移动办公应用。RuoYi-Mobile基于UniApp + uView2框架开发，提供常用办公功能和移动端组件，帮助快速构建移动办公系统。

注：目前移动端支持若依管理平台全系列（单应用、微服务、MySQL版、Oracle版、SqlServer版、Antd版等）

使用 Apache-2.0 开源许可协议！

🧰 项目技术栈

核心框架：
- UniApp（跨端开发框架，支持H5/小程序/APP多端发布）
UI组件库：
- uView UI 2.0.31（基于UniApp的高性能UI库，提供丰富移动端组件）
图表库：
- qiun-data-charts 2.4.3（基于Canvas的跨平台图表工具，支持动态数据渲染）
特点：
- 多端适配（H5/小程序/APP）
- 开箱即用的移动端UI解决方案
- 数据可视化支持

🧩 功能模块

通知公告
待办任务
异常信息
公告管理
用户管理
部门管理
岗位管理
访问量统计
分享统计

🚀 系统配置

后端请求地址配置：

# 配置文件路径：/config/environment.js
# 修改baseURL属性

const environment = {
	// 开发环境配置
	development: {
		// 本地部署的后端
		baseURL: 'http://localhost:8080',
		
		// 直接使用线上后端
		// baseURL: 'http://vue.ruoyi.vip/prod-api'
	},
	// 生产环境配置
	production: {
		baseURL: 'http://vue.ruoyi.vip/prod-api' // 发布时需要修改为后端实际地址
	}
}

module.exports = {
  environment: environment[process.env.NODE_ENV]
}

H5启动端口配置：

# 配置文件路径：/vue.config.js
# 修改port属性

const { environment } = require('./config/environment.js')

module.exports = {
  devServer: {
    port: 9001,
    proxy: {
      '/': {
        target: environment.baseURL,
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/': ''
        }
      }
    },
  }
}