某啦外卖H5使用snsapi_userinfo授权不规范，微信默认打开网页快照页模式进行基础浏览

项目场景：

通过微信打开某啦外卖H5网页

---

问题描述

项目中遇到的问题：最近很多朋友反应，某啦外卖H5在微信里面打开后，进入的是一个网页快照，无法直接发起用户授权，需要用户手动点击使用完整功能按钮才能使用。

---

原因分析：

在查阅微信相关文档后发现，微信文档提示“为进一步规范能力使用，保障用户合法权益，平台将对微信网页授权能力进行调整。 当开发者在网页中在不规范使用发起 snsapi_userinfo 网页授权时，微信将默认打开网页快照页模式进行基础浏览。 能力调整将于 2022 年 7 月 12 日 24 时生效。”

---

解决方案：

1、在调用授权弹窗前添加一个弹窗告知用户用户获取信息的范围及获取信息的目的;

2、把原来onLoad触发的snsapi_userinfo修改为具体业务页面触发，比如在用户点击下单，或者点击个人中心时触发snsapi_userinfo；

在修改后重新打包上传到../template/vue目录,测试后完美解决授权不规范问题。