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

点击访问对应的运行网址

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

相关推荐
Mr_li2 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup5 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia1 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia1 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲2 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang3 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ3 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理4 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close4 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
特立独行的猫a4 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x