微信扫码登陆js

先贴一个微信开发文档教程 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

大家可以看教程操作，我说说我在写的时候遇到的一些问题，供大家参考

1、redirect_url是扫码确认后重定向地址，需要一个自己写的页面地址，自己通过这个地址的url获取后端获取用户微信信息所需要的code。

2、redirect_url需要在微信开放平台设置，然后将redirect_url通过encodeURIComponent转码后方可正常获取二维码。

3、如果提示redirect_url参数错误，检查下参数是否是自己项目的一些参数。比如appid、redirect_url地址是否在开放平台配置。

4、内嵌二维码可以自己编辑样式，先写好样式后，将样式转成base64，放入href中即可。

5、self_redirect设置成true，意思是在当前二维码所在的iframe中跳转，默认扫码方式就设置成true

如果是内嵌二维码，就必须设置成false，否则就会出现如下图情况，在二维码嵌入的地方打开重定向的网页。

-------------------------------------------------------------

无论什么框架中使用都是在页面加载的时候引入  http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js，然后根据文档写api即可

单页面可以通过以下方式在组件创建的时候引入，在组件销毁前移除即可

create () {

const s = document.createElement('script')
      s.type = 'text/javascript'
      s.src = 'http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js'
      document.body.appendChild(s)

}

以上是我所遇到的所有问题，希望对大家有所帮助。