本地开发部署——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_916007471 天前
深入理解HTTPS对称与非对称加密机制及Charles抓包实践
网络协议·http·ios·小程序·https·uni-app·iphone
小徐_23331 天前
AI 写 wot-ui 总在猜 API?我们把 Skills、MCP 和 CLI 都配好了
前端·uni-app·ai编程
Liu.7741 天前
uni-app 组件 uni-easyinput 常见 Bug 及解决方案
uni-app·bug
小徐_23332 天前
uni-app 项目别再从零搭了!3 个 Wot UI 起手模板怎么选?
前端·uni-app
蜡台2 天前
uniapp pdf文件预览组件
pdf·uni-app·合同·pdfh5
凡泰AI2 天前
如何借助MCP打通企业APP内部服务:从统一调用到小程序承接
小程序·uni-app·app·mpaas·mcp·小程序容器
华玥作者2 天前
uniapp 万条数据不卡顿:我写了个虚拟列表组件 hy-list,原生支持瀑布流
数据结构·uni-app·list·vue3
这是个栗子2 天前
uni-app 微信小程序开发:常用函数总结(一)
微信小程序·小程序·uni-app·getcurrentpages
宠友信息4 天前
消息序号如何保证即时通讯源码聊天记录稳定加载
java·spring boot·redis·python·mysql·uni-app
2501_916008894 天前
苹果上架工具怎么选 不用 Mac 上架 App Store 的几种方案
android·macos·ios·小程序·uni-app·iphone·webview