本章节介绍ruoyi的uniapp程序本地开发,uniapp可以打包成app,小程序,h5等
1、开发环境安装(Hbuild)
安装下载地址:https://www.dcloud.io/hbuilderx.html
注意:
最好下载“zip”版,不要下载“exe” 版,因为“zip”版是免安装的。
2、ruoyi-app下载
下载地址:https://gitee.com/y_project/RuoYi-App?_from=gitee_search
3、导入项目
点击文件-导入-项目
4、ruoyi-app运行
4.1修改配置文件
1、修改请求后台接口地址,文件路径是config目录下面的environment.js
2、development.baseURL这个参数测试环境的后端api接口。production.baseURL这个参数是生产环境的后端api接口
const environment = {
// 开发环境配置
development: {
// 本地部署的后端
// baseURL: 'http://192.168.20.64:8680',
// baseURL: 'http://192.168.3.8:8680',
baseURL: 'http://localhost:8680'
// 直接使用线上后端
// baseURL: 'http://vue.ruoyi.vip/prod-api'
},
// 生产环境配置
production: {
baseURL: 'http://192.168.3.8:8680',
}
}
上述端口对应java后端的server端口,具体java配置如下图
4.2 运行
选择运行-》运行到浏览器-〉选择浏览器
如下图是浏览器打开的展示页面
未来计划
1、ruoyi非分离版本拆解
2、ruoyi-vue-pro:讲解工作流
3、ruoyi-vue-pro:支付模块,电商模块
4、基于ruoyi-vue-pro项目开发
5、JEECG低代码开发平台
请关注我,本星球会持续推出更多的开源项目代码解析,如有更好的意见请留言回复或者私信。