微信扫码登录（vue项目）

微信扫码登录（vue项目）

1. 安装vue-wxlogin插件

npm install vue-wxlogin --save-dev

2. 页面引入使用

<template>
    <div class="qrcode">
       <wxlogin
           class="wxLogin"
           :appid="'appid'"
           :href="wxHref"
           :scope="'snsapi_login'"
           :redirect_uri="encodeURIComponent('https://www.。。。')"
       ></wxlogin>
    </div>
</template>
<script>
import wxlogin from 'vue-wxlogin'

export default {
    name: '',
    components: {
        wxlogin
    },
    data(){
        wxHref:'data:text/css;base64,LmltcG93ZXJCb3ggLnRpdGxlIHsKICBkaXNwbGF5OiBub25lOwp9Ci5pbXBvd2VyQm94IC5zdGF0dXMuc3RhdHVzX2Jyb3dzZXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmltcG93ZXJCb3ggLnFyY29kZSB7CiAgd2lkdGg6IDIwMHB4OwogIGhlaWdodDogMjAwcHg7Cn0KLmltcG93ZXJCb3ggLnN0YXR1c3sKICBkaXNwbGF5OiBub25lCn0='
    }
   }
</script>

wxHref：可通过Base64加密获取
Base64加密/解密