PC端微信扫码登陆

1、跳转URL扫码

3、使用vue-wxlogin插件

// 安装 npm install vue-wxlogin --save-dev // js引入 import wxlogin from vue-wxlogin components: { wxlogin }

// 使用插件生产的组件
<wxlogin
        :appid="appid"
        :scope="snsapi_login"  // 网页固定的
        :theme="black"
        :redirect_uri="redirect_uri"
        :href=bast64css
        rel="external nofollow"
        >
 </wxlogin>
 
 
 
// data中数据
bast64css:data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O2hlaWdodDoyMDBweH0NCi5pbXBvd2VyQm94IC5pbmZvIHt3aWR0aDogMjAwcHh9DQouc3RhdHVzX2ljb24ge2Rpc3BsYXk6IG5vbmV9DQouaW1wb3dlckJveCAuc3RhdHVzIHt0ZXh0LWFsaWduOiBjZW50ZXI7fQ0KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lfQ0KaWZyYW1lIHtoZWlnaHQ6IDMyMnB4O30NCg==,
appid: wx6**9da50, // 后端提供
redirect_uri: http：www.*com, // 后端提供

扫码生产的二维码后，页面的url会给一个带code的地址 ，去获取code let code = window.location.href.split(?)[1]; code = code.substring(5, code.indexOf(&));