前端实现微信授权登录

官方文档：1developers.weixin.qq.com/doc/oplatfo…

参考入口1：www.cnblogs.com/martianShu/…

参考入口2：www.jianshu.com/p/a77b287be…

登录二维码样式个性化：www.jianshu.com/p/588ec979e…

参数转化成data-url: www.jianshu.com/p/11f66a889…

1.网页内嵌二维码的方式

 this.$nextTick(() => {        const obj = new WxLogin({          self_redirect: true,          id: 'login_container',  //挂载二维码的dom          appid,   //应用唯一标识，在微信开放平台提交应用审核通过后获得          scope: 'snsapi_login', //固定字段          redirect_uri: encodeURIComponent(url),  //登录成功后跳转的页面          state: Math.ceil(Math.random() * 1000),          style: 'black',          href: 'data:text/css;base64,' //二维码的自定义样式        });      });