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

点击访问对应的运行网址

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

相关推荐
毕设源码-郭学长1 天前
【开题答辩全过程】以 基于uni-app的维修上门服务小程序设计与实现为例,包含答辩的问题和答案
uni-app
xiaohe06011 天前
📦 Uni ECharts 是如何使用定制 echarts 的?一篇文章轻松掌握!
vue.js·uni-app·echarts
Front思1 天前
uniapp实现物流节点
uni-app
赵庆明老师1 天前
uniapp 微信小程序页面JS模板
javascript·微信小程序·uni-app
熬耶1 天前
uniapp 简单实现列表左滑操作
uni-app
小白学过的代码1 天前
UniApp 引入 Cesium 开发: RenderJS 避坑
uni-app
jingling5551 天前
uni-app 安卓端完美接入卫星地图:解决图层缺失与层级过高难题
android·前端·javascript·uni-app
2501_915918412 天前
iOS 开发中证书创建与管理中的常见问题
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张2 天前
IOScer 开发环境证书包括哪些,证书、描述文件与 App ID 的协同管理实践
android·ios·小程序·https·uni-app·iphone·webview