公众号授权

导语：最近开发vue项目的公众号开发，所以回顾下微信公众号授权

| appid | 必填 | 公众号的唯一标识
| redirect_uri | 必填 | 授权后重定向的回调链接地址，请使用 urlEncode 对链接进行处理
| response_type | 必填 | 返回类型，请填写code
| scope | 必填 | 应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息） | state | 否 | 重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节
| #wechat_redirect | 必填 | 无论直接打开还是做页面302重定向时候，必须带此参数

   let appid = "wxxxxxx"; // 自己公众号 appid
   let local = window.location.href; // 当前页面,微信会这个当回调地址,url后拼接code
   window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;

这个链接通过微信发起请求获得code，自己需要拼接上公众号的appid 和你当前回调的url。回调地址url拼接着code，在去截取code 请求自己后台的接口获得openid和用户头像信息等

h5公众号授权

公众号授权