本地开发部署——uniapp端站点部署

uniapp端站点部署

niucloud 系统是 saas 系统,支持多应用多站点设计,上节站点创建之后本节开始讲解 uniapp 手机端开发,对于 saas 系统默认的 uniapp 前端实际是一个站点的前端,下面说明基础的部署流程

上一节创建站点后生成了唯一的站点编码,默认uniapp进行编码需要配置,这里记一下,稍后配置使用

uniapp端口开发建议使用vscode,打开对应目录 可以配置相应的接口参数

这里配置对应的接口地址,包括api接口地址,也就是java后台的地址,注意这里的站点id配置之后系统接口默认获取的站点就是在这里配置的。

复制代码
# api请求地址
VITE_APP_BASE_URL = 'http://127.0.0.1:8090/api/'

# 图片服务器地址
VITE_IMG_DOMAIN = 'http://127.0.0.1:8090/'

# 站点id 仅在编译为小程序时生效,开发环境使用
VITE_SITE_ID = 303

下面开始启动 nodejs 的命令行运行,打开对应 uniapp 目录,首先执行 npm install 安装依赖

安装成功之后,执行npm run dev:h5运行

点击访问对应的运行网址

注意:系统装修是自定义的,后续章节我们讲解关于自定义装修相关的开发

相关推荐
普马萨特2 小时前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app
Geek_Vison20 小时前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理1 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程
2501_915909062 天前
iOS应用从开发到上架App Store的完整发布流程与步骤指南
android·ios·小程序·https·uni-app·webview
不爱说话郭德纲2 天前
从“点点点”到一键出包:我把 uni-app x Android 离线打包做成了脚本
android·前端·uni-app
snotJam2 天前
关于Uniapp的Android自定义基座使用
android·uni-app
今年下半年3 天前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能
微信小程序·uni-app·定位·考勤
郑州光合科技余经理7 天前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
遗憾随她而去.8 天前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
程序鉴定师11 天前
2026年深圳小程序/App开发公司技术选型指南:从架构设计到交付标准全维度评估
java·小程序·uni-app·php·objective-c