在开发者工具中，登录没有问题，一切正常，显示头像和微信名称，但是真机预览就不行了，头像是灰色，名称 微信用户。实在找不到哪里的问题，请大神指点！

开发者工具预览如下：

真机预览如下：

代码如下：

const App = getApp();


Page({


  /**
   * 页面的初始数据
   */
  data: {
    options: {}
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let _this = this;
    _this.setData({
      options
    });
  },


  /**
   * 授权登录（旧版弃用）
   */
  getUserInfo(e) {
    let _this = this;
    App.getUserInfo(e, () => {
      // 跳转回原页面
      _this.onNavigateBack(1);
    });
  },


  /**
   * 授权登录（新版）
   */
  getUserProfile() {
    console.log('getUserProfile')
    const app = this
    wx.canIUse('getUserProfile') && wx.getUserProfile({
      lang: 'zh_CN',
      desc: '获取用户相关信息',
      success({
        userInfo
      }) {
        console.log('用户同意了授权')
        console.log('userInfo：', userInfo)
        App.getUserInfo(userInfo, () => {
          // 跳转回原页面
          app.onNavigateBack(1)
        });
      },
      fail() {
        console.log('用户拒绝了授权')
      }
    })
  },


  /**
   * 暂不登录
   */
  onNotLogin() {
    let _this = this;
    // 跳转回原页面
    _this.onNavigateBack(_this.data.options.delta);
  },


  /**
   * 授权成功 跳转回原页面
   */
  onNavigateBack(delta) {
    wx.navigateBack({
      delta: Number(delta || 1)
    });
  },


})