前言

最近有一个需求是：盘点待审批状态，需要用微信公众号推送消息给审批人员，让其在微信中审批。因此就需要：通过微信的网页授权（即：微信公众号授权登录Vue H5项目并指定跳转到某一个页面进行操作）

前提准备

1、 官方文档地址

https://open.weixin.qq.com/connect/oauth2/authorize?appid=自己公众号openid&redirect_uri=授权后重定向的回调链接地址(即需要调跳转的H5页面)&response_type=code&scope=snsapi_userinfo&state=123(url参数)#wechat_redirect
注释：

注意：跳转回调redirect_uri，必须是https开头

2、微信公众号需要配置以下：

具体步骤

逻辑思路：
判断token是否存在（即判断是否已经登陆H5项目）

1、如果已登陆，就直接跳转页面。
2、如果没有登陆，就要进行授权登录并重置token。

在H5项目新建一个wxh5页面(此页面是白名单——即未登录也可以进入)

相关文章

基于ElementUi再次封装基础组件文档

基于ant-design-vue再次封装基础组件文档

vue3+ts基于Element-plus再次封装基础组件文档