登录上传头像 成功前阻塞 处理成功后才跳转回 游戏页面 为了能看见最新上传的头像显示，处理方式是 重新封装base64处理方法为promise 这样可以用await等待，请求后台的方法也等待，等待处理完成后调用跳转页面方法，同时信息上传完成后要跳转的页面的初始钩子事件由onload改为onshow，这个钩子中包含获取缓存中useinfo的处理， 这样每次出来再切换进来都会重新获取新的用户信息。ps 保存请求回来的用户信息并放入缓存是 登录方法login中封装好的
// 重新封装base64处理方法为promise 这样可以用await等待const readFileAsync = (filePath) => {return new Promise((resolve, reject) => {uni.getFileSystemManager().readFile({filePath,encoding: 'base64',success: (res) => resolve(res),fail: (err) => reject(err)});});};const upLoad = async (isSuccessClose) => {const r = await readFileAsync(avatarUrl.value, 'base64');console.log('base64转换完成的结果',r.data);const avatarUrl_base64 = 'data:image/jpeg;base64,' + r.dataconsole.log('avatarUrl_base64 转换完成 ', avatarUrl_base64)const res = await myUtils.requestAwait('user/updateUserDetail', {nickName: nickName.value,avatarUrl: avatarUrl_base64,openid: userInfo.value.openid})if(!isSuccessClose){return}console.log('头像上传完成 ', res)uni.showToast({title: '保存成功',icon: 'none', //success 等duration: 1000});console.log('头像后登录')const lr =await myUtils.login()console.log('登录完成后跳转')to1Tab('grid')console.log('登录完成跳转完成')console.log(' 后加的上传结果恢复 ',res)}成功后跳转的页面处理
onShow(()=>{ makeValArr()userInfo.value = uni.getStorageSync('userInfo');console.log('新 获取完成112 ', userInfo.value.avatarUrl)})