为什么小程序数据渲染在手机上显示不出来

Question

问题描述

最近在联系写小程序，遇到了一个问题，不知道为什么，就是我在开发者工具里做数据渲染到前台页面，在开发者工具里很正常，但是到手机上预览就不对了，
上面的电台栏目正常展示，但是下面的热门歌单下面的数据怎么也展示不出来，求大神解答，这是什么原因
拜谢了！！！！！！

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
代码如下
<view class='radioTest'>

<text>电台</text>

</view>
<view class='radio-box'>

<block wx:for='{{data.radioList}}'>
  <view class='radio-item'>
  <view class='radio-item-image-box'>
    <image class='radio-item-image' src='{{item.picUrl}}' mode="widthFix" />
    <view class='play-icon'></view>
  </view>
  <view class='radio-iten-title'>{{item.Ftitle}}</view> 
  </view>
</block>

</view>
<view class='hot-songList'>

<text>热门歌单</text>

</view>
<view class='hot-songList-box'>

<block wx:for='{{data.songList}}'>
  <view class='hot-songList-item'>
    <view class='hot-songList-item-image-box'>
      <image class='hot-songList-item-image' src='{{item.picUrl}}' mode='widthFix' /> 
      <view class='play-icon'></view>
    </view>
    <view class='hot-songList-item-info'>
      <view class='hot-songList-item-info-title'>{{item.songListDesc}}</view>
      <view class='hot-songList-item-info-author'>{{item.songListAuthor}}</view>
    </view>
  </view>
</block>

</view>

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

先检查一下控制台有没有报错，其次你把wxml贴上来也没有意义啊，你得把你的JS代码贴出来

Answer 2

如果数据是通过请求获取的，需要配置安全域名才能在手机上面预览，工具能预览是因为开了调试模式，体验版开调试模式一样可以

Answer 3

楼主是不是 把 开发者工具上 ‘不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书’ 的选项勾上了，不要选中 你试试 在开发者上 还能不能 看到