baseauth弹框_微信小程序出现【需要进行身份验证】弹框解决方法

问题

在做微信小程序时&＃xff0c;需要使用 Authorization 进行授权&＃xff0c;结果每次登录的时候都出现这个弹窗。对 Authorization 不熟悉的&＃xff0c;可以阅读 阮一峰-理解OAuth 2.0 。

微信小程序-需要进行身份验证

原因

部分代码如下&＃xff0c;按说使用了 Authorization 授权时&＃xff0c;会将用户名和密码用 base64 进行编码然后放到 header 中传入后端代码&＃xff0c;就像这里的 &＃39;Authorization&＃39;: &＃39;Basic V0VDSEFUOldFQ0hBVAo&＃61;&＃39;&＃xff0c;在服务端也会有固定的用户名密码&＃xff0c;与之比较&＃xff0c;相同则身份通过&＃xff0c;否则不通过才会出现上述这种弹窗。

wx.request({

// .....

data: {

grant_type: &＃39;password&＃39;,

username: user.username,

password: user.password

},

header: {

&＃39;Authorization&＃39;: &＃39;Basic V0VDSEFUOldFQ0hBVAo&＃61;&＃39;,

&＃39;Content-Type&＃39;: &＃39;application/x-www-form-urlencoded&＃39;

},

success: function (res) {

// ....

}

});

这里的 V0VDSEFUOldFQ0hBVAo&＃61; 用 base64 解码之后确实是 WECHAT:WECHAT&＃xff0c;格式为&＃xff1a;用户名:密码&＃xff0c;也就是用户名是 WECHAT&＃xff0c;密码也是 WECHAT。截图如下&＃xff0c;乍看好像是解码为 WECHAT:WECHAT&＃xff0c;但事实并不是这样的。

base64 解码

在上面文本框中输入 WECHAT:WECHAT&＃xff0c;点击编码按钮得到 V0VDSEFUOldFQ0hBVA&＃61;&＃61;&＃xff0c;可以看到与先前的 V0VDSEFUOldFQ0hBVAo&＃61; 并不一样。无疑下面这种直接对 WECHAT:WECHAT 进行编码得到的结果肯定是正确的&＃xff0c;那上面那种是怎么出来的呢&＃xff1f;&＃xff1f;可以试试在上面对话框输入 WECHAT:WECHAT 并且按一下 Enter 键进行换行&＃xff0c;再点击编码就得到了之前的那种编码值。

base64 编码

可见&＃xff1a;使用正确的编码之后&＃xff0c;因为用户名和密码都正确&＃xff0c;所以就不会再出现那种要求验证身份的对话框了。

解决

使用 base64 进行编码时&＃xff0c;要注意不要多加了换行或者空格&＃xff0c;得到的结果都是不一样的。

出现验证身份对话框的情景总结如下&＃xff1a;

用户名和密码错误&＃xff1b;

用户名和密码正确&＃xff0c;但是使用 base64 编码错误&＃xff0c;常见情形&＃xff1a;多加了换行符或者空格符。