关于wx.getUserInfo获取到匿名数据的坑

生命的黎明是乐园，青春才是真正的天堂。——华兹华斯

今天搞了很久，发现使用wx.getUserInfo获取到的用户昵称一直是：“微信用户”，并且头像也是默认的。。。

然后官方文档里发现

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html

打开后是这个页面

然后我们看wx.getUserProfile的文档：

wx.getUserProfile只能在页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用每次请求都会弹出授权窗口，用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo，详见 用户信息接口调整说明。

注意desc是必填

我们配置好appid后

调用wx.getUserProfile

代码如下

<template>
	<view style="width:100%;height: 100%;" @tap="getUserProfile()"><textarea maxlength="-1" style="width:100%;height: 100%;" value="点击屏幕任意区域" placeholder="" /></view>
</template>
<script>
export default {
	data() {
		return {
			title: '',
			strings: ''
		};
	},
	methods: {
		getUserProfile() {
			wx.getUserProfile({
				desc: '登录获取信息',
				success: res => {
					console.log('小程序获取用户信息成功');
					console.log(res);
				},
				fail: res => {
					console.log('小程序获取用户信息失败');
					console.log(res);
				}
			});
		}
	}
};
</script>

效果如下

可以看到我们打印出来了成功获取到的乱七八糟信息