解决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开发和小程序原生开发还是有所区别的，在日常的开发和学习中不能掉以轻心。加油吧，打工人！