微信小程序如何获取到用户头像和用户名

微信小程序可以通过wx.getUserInfo() API 来获取用户的头像和用户名。这个API会在用户授权后返回用户的公开信息，包括昵称（username）和头像url。使用此API之前，你需要在小程序的app.json文件中设置"scope.userInfo"权限，并在需要获取用户信息的地方调用该函数，传入一个options对象，示例如下：

Page({
  getUserInfo: function(e) {
    wx.getUserInfo({
      success: res => {
        // 用户已授权，可以获取头像和昵称
        let userInfo = res.userInfo;
        let avatarUrl = userInfo.avatarUrl;
        let nickname = userInfo.nickName;
        console.log('昵称：', nickname);
        console.log('头像URL：', avatarUrl);
      },
      fail: err => {
        // 用户拒绝授权，或其他错误
        console.error('获取用户信息失败：', err);
      }
    });
  }
})

当用户第一次打开小程序并看到需要授权的提示时，如果他们选择授权，那么后续的getUserInfo请求就会成功。如果他们拒绝授权，你就无法获取他们的个人信息。