本地开发部署——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运行

点击访问对应的运行网址

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

相关推荐
2501_915909061 小时前
iOS应用性能优化:十大策略提升用户体验与开发效率
android·ios·小程序·https·uni-app·iphone·webview
万能小林子7 小时前
如何将网页在线转APP?5种打包工具对比速成指南(含在线/手机/电脑方案)
android·ios·uni-app·web app·wap2app·app打包·app封装
雪芽蓝域zzs1 天前
uni-app原生editor封装编辑组件(vue3)
uni-app
felipeas2 天前
uni-app day1
uni-app·notepad++
前端后腿哥2 天前
UNIAPPX UTS插件Widget开发完整教程(Android版)
前端·uni-app
黄同学real3 天前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app
Hoshizola3 天前
uniapp与蓝牙设备连接详细步骤
前端·uni-app
优雅格子衫3 天前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
路光.3 天前
uniapp中解决webview在app中调用,有过渡空白问题,增加过渡动效
uni-app·vue·app·uniapp
linlinlove23 天前
前端uniapp、后端thinkphp股票系统开发功能展示、代码披露、HQChart
前端·uni-app·echarts·thinkphp·hqchart·配资·deepseek选股票