用户接口报avatar不是有效的URL地址,这如何解决呢

来源:2-7 特别的API——wx.request,前后端分离架构初探

慕盖茨8435409

2022-11-09

//pages/upload/index.ts
handleUpload:function(){
    // 点击上传头像按钮,显示提示框
    wx.showModal({
      title:'提示',
      content:'是否确认提交',
      success:(res)=>{
        console.log(res)
        if(res.confirm){
          wx.showLoading({
            title:'正在提交',
          })
          //令牌接口地址
          wx.request({
            url:'https://qinchenju.com/homemaking/v1/token',
            method:'POST',
            data:{
              i_code:'保密',
              order_no:'保密'
            },
            // 请求结果
            success:(res)=>{
              console.log(res)
              const token = res.data
              //用户接口
              wx.request({
                url:'https://qinchenju.com/homemaking/v1/user',
                method:'PUT',
                // 请求头,把token传递进去
                header: { token },
                data:{
                  nickname: 'this.data.nickName',
                  avatar: 'this.data.avatar',
                  gender:'1'
                },
                success:(res)=>{
                  console.log(res)
                  wx.hideLoading()
                  wx.showToast({
                    title:'提交成功',
                    icon:'success'
                  })
                }
              })
            }
          })
          //2秒后关闭
         /*setTimeout(()=>{
            wx.hideLoading()
            wx.showToast({
              title:'提交成功',
              icon:'success'
            })
          },2000)*/
        }
      }
    })
  },
// pages/login/index.ts
Page({

  handleGetUserInfo:function(){
    const avatar = wx.getStorageSync('avatar')
    const nickName = wx.getStorageSync('nickName')

    if(avatar && nickName){
      wx.navigateTo({
        url:'/pages/upload/index',
      })
    }
    //1.获取用户信息,获取用户的微信昵称以及头像
    wx.getUserProfile({
      desc:'完善用户信息',
      success:(res)=>{
        console.log(res)
       // 把信息取出来
        const avatar = res.userInfo.avatarUrl
        const nickName = res.userInfo.nickName
        //2.把获取到的信息存到缓存中,方便上传页面使用
        wx.setStorageSync('avatar', avatar)
        wx.setStorageSync('nickName', nickName)
         //3.跳转到上传页面,通过调用API的方式
         wx.navigateTo({
           url:'/pages/upload/index',
         })
      }
    })
  }
})

图片描述

写回答

1回答

沁尘

2022-11-09

现在 getUserProfile 这个 API 不返回用户信息了,这块的 url 地址暂时先随便网上找个图片 url作为参数提交,目前小节只是热身,无所谓。后面真正需要这块信息的替代方案我研究下,后续相关小节会作说明调整。

0
1
慕盖茨8435409
好的,谢谢
2022-11-09
共1条回复

《慕慕到家》家政小程序组件化进阶实战-优质项目

千锤百炼的实践分享,成就你独当一面

494 学习 · 306 问题

查看课程