解决uni-app uniCloud小程序预览没有数据

这篇具有很好参考价值的文章主要介绍了解决uni-app uniCloud小程序预览没有数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


前言

例如:最近小程序的项目是用uni-app写的,项目用uniCloud作为后端,原本以为unicloud跟微信小程序云开发差不多,但是预览到手机的时候没有数据了……


一、发现问题

unicloud作为后端,手机预览没有数据,通过查阅文献和网搜,进行了一系列的排查。

二、解决问题

跟以往的微信云开发不同,unicloud作为后端开发时,需要跟传统前后端分离项目开发一样,需要在微信公众平台添加业务域名。

2.1 小程序中使用uniCloud的白名单配置

根据下表,在小程序管理后台设置request合法域名、uploadFile合法域名(如没有上传文件业务,可不设置)。下表的域名均为阿里云或腾讯云自有域名,并非DCloud所属域名。

服务提供商 request合法域名 uploadFile合法域名 download合法域名
阿里云 api.bspapp.com bsppub.oss-cn-shanghai.aliyuncs.com 需要从云存储下载文件的时候才需要配置,不同服务空间域名不同,可以在web控制台查看文件详情里面看到
腾讯云 tcb-api.tencentcloudapi.com cos.ap-shanghai.myqcloud.com 需要从云存储下载文件的时候才需要配置,不同服务空间域名不同,可以在web控制台查看文件详情里面看到

如果需要用uni.request请求云存储内的文件,需要将云存储域名(即上表中的download合法域名)配置到request合法域名内

小程序开发工具的真机预览功能,必须添加上述域名白名单,否则无法调用云函数。模拟器的PC端预览、真机调试不受此影响。

2.2 自己动手配置白名单

解决uni-app uniCloud小程序预览没有数据

通过白名单的配置之后,手机再次预览,可以访问到数据了,大功告成!


总结

uni-app开发和小程序原生开发还是有所区别的,在日常的开发和学习中不能掉以轻心。加油吧,打工人!文章来源地址https://www.toymoban.com/news/detail-485364.html

到了这里,关于解决uni-app uniCloud小程序预览没有数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决uni-app小程序获取路由及路由参数

    在uni-appH5端可以获得当前页面的路由及参数,但是小程序里面就开始报错: 代码: 在小程序中报的错误: 解决方案: Thank you for reading, your likes and favorites are the biggest motivation for my creation

    2024年02月11日
    浏览(42)
  • 关于uni-app中富文本展示,并可预览图片的实现

    这是一片记录 自己挖坑还有填坑 的过程 事情是这样的,我用uni-app框架编写了一个项目,里面有个功能是通过接口传过来的数据,展示页面,(富文本展示),一开始我是使用了uni-app自带的 rich-text 组件,但是项目上线测试时,没有 图片预览功能 ,所以我更换组件,使用

    2024年02月09日
    浏览(32)
  • 解决uni-app小程序原生tabbar 添加阴影问题

    下面是实现的效果  步骤1 创建一个组件  文件名和组件名要一致  步骤2  在组件中实现阴影效果 步骤3 在tabbar 页面使用  直接使用 即可 不用引入  

    2024年02月07日
    浏览(36)
  • uni-app小程序 解决滚动穿透之page-meta

    页面是可以滚动的,该页面的弹窗、组件也是可以滑动的。 当我们滑动页面内弹出的弹窗、组件时,该页面也会跟着滚动,就会出现滚动弹窗内容时,页面内容也跟着滚动,这就是滚动穿透。 在PC端我们常通过给弹出弹窗的页面的body添加 overflow: hidden ,隐藏未显示的内容,

    2024年02月10日
    浏览(32)
  • uni-app 轮播图视频+图片 视频图片全屏预览 两种方法

    在做商城项目的时候,商品详情的轮播图需要同时显示视频和图片,并且能够全局预览 如果项目里有uview这个组件库,可以通过swiper轮播图的指定类型进行解决,点击这里进行跳转 也可以通过uni-app自带的swiper去解决这个问题,点击这里进行跳转 就目前的两种方案,第二种方

    2024年02月12日
    浏览(81)
  • 『uni-app、小程序』蓝牙连接、读写数据全过程

    点赞 + 关注 + 收藏 = 学会了 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发,以手机app的方式运行(微信小程序同样可行)。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ,和微信小程序提供的 api 是一样的,所以本文的讲解也 适用于微信小程序

    2024年02月09日
    浏览(82)
  • 微信小程序uni-app uni-date-picker中的maskClick无效解决方法

    前段时间做小程序 我在调用uni-date-picker组件时候需要@maskClick方法  谁知道竟然无效,上网一查,看到也有其他小伙伴反应类似的问题,我就看了看源码,最终调成功了,记录一下,防止自己忘记。 ps:如果能帮助到大家,那就更开心了。 话不多说,进入正题: 调用uni-dateti

    2024年02月14日
    浏览(27)
  • uni-app真机预览调试:关于ios系统真机调试的操作步骤

    介绍: 因手机差异较大,HBuilder并没有提供App的模拟器。不管uni-app或5+App/wap2app项目,都需要连接真实的手机或手机模拟器来运行测试,称之为“真机运行”。 iOS平台 HBuilder支持itunes协议,在HBuilder运行的电脑上,使用usb线连接iPhone或iPad;如果是mac电脑,则可以连接XCode自带

    2023年04月23日
    浏览(32)
  • 记录--『uni-app、小程序』蓝牙连接、读写数据全过程

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发,以手机app的方式运行(微信小程序同样可行)。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ,和微信小程序提供的 api 是一样

    2024年01月21日
    浏览(35)
  • uni-app的h5/小程序/app 网络请求,解决本地环境和生产环境网络请求问题

    本篇的重点在于解决h5/小程序/app这三端在本地和生产环境的网络请求问题 全部代码贴在了全文最后 首先要理解这三个端的特性,h5会有跨域问题需要反向代理,小程序和app不需要反向代理,同时小程序还得用https域名。 一般会跨域需要反向代理。所以要在mainifest.json设置反向

    2024年02月10日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包