小程序页面白屏、图片不显示、文件调用失败的原因及解决方法

2024-11-09
来源:网络整理

1、小程序页面白屏

大多数小程序页面都需要填充服务器接口返回的数据才能显示。由于配置错误,无法获取数据。这体现在小程序界面上,页面没有数据,看起来是白屏。有的朋友在开发时可以拿到数据,显示没有问题,但是提交审核后,却因为数据不显示而失败。这就是原因。

2、该显示图片的部分没有显示内容。

这个原因其实和第一个是一样的。返回图片的地址在开头,或者返回图片的路径不正确。全部无法加载。

3. 调用wx.,wx.失败的

出现上述问题时,终端调试信息提示如下:

问题的根源

官方推出的微信小程序仅支持请求,包括wx.、wx.、wx.和其他 API,以及支持网络资源的其他组件,例如。

具体请参考相关API说明。

域名证书是干什么的_小程序开发域名为什么要配置证书_申请域名证书

很多朋友疑惑,我的小程序界面不一样,网上拿到的很多示例代码也不一样。为什么在微信网页开发者工具中可以正常运行?更多人可能会疑惑,为什么很多示例代码运行后白屏或者没有图片显示呢?

上面提到有一个限制:官方推出的微信小程序只支持请求。在正式环境下为了安全起见,微信是强制性的。如果开发环境也遵循正式环境的标准,就会有很多不便。因此,在开发环境中,微信小程序可以支持http请求,可以在微信网页开发者工具中进行配置。

如上图,打开左侧边栏的“”,勾选最后一个选项。在开发环境中,无需请求即可获取网络请求的数据。所以对于从网上下载了示例代码的人来说,如果出现白屏或者图片不显示的情况,请检查一下请求的URL,检查一下这块的配置,然后运行一下看看是否可以。

解决方案

确定问题是由于缺乏支持造成的之后,我们下一步应该做什么呢?

显而易见的解决方案是添加对来自服务器的请求以及对wx.js等API的请求域名的支持。

以下是配置微信小程序支持的步骤:

部署服务器代码和域名访问服务的空间

小程序开发域名为什么要配置证书_申请域名证书_域名证书是干什么的

根据需要申请域名对应的证书

配置Web服务器以支持

微信小程序后台配置对应域名

微信小程序代码上的请求链接修改为

空间和域名

您的服务器代码最终将部署到空间或云服务器。最终启动的微信小程序服务器必须有域名,不支持IP地址。所以你还必须有一个域名。

空间/云服务器,域名从哪里来,如何申请,我就不详细说了。如果你在一家公司,你应该有专人负责这件事,或者你已经有一个人了。如果你是个人,以前从未接触过它,你可能需要花时间去了解它。

分享