微信小程序 - 最新获取用户昵称 / 头像（wx.getUserProfile 接口被废弃后的代替方案）详细教程，2022 年之后的所有微信小程序，获取用户信息最新详细教程，附带示例源代码

前言

由于官方修改了 “用户头像昵称获取规则” ，导致网上几乎所有教程全部失效，本文来做最新详细教程。

2022 年往后（官方废弃了 wx.getUserProfile 接口），本文是最新微信获取用户头像和昵称的详细教程，详细解决真机运行调试获取失败，真机点击没反应、无法直接拿到头像和昵称，获取报错等问题处理。

支持 Vue2 / Vue3 语法，您可以直接复制本文提供的示例代码，干净的代码只需要几分钟就可以完成功能，

---

原始的方式已经无法使用，如下图真机所示，目前微信最新的获取用户头像昵称的方式，

只包含核心功能，代码干净整洁，没有乱七八糟的废代码

示例源码

无脑复制即可，稍微改改样式就行了。