vue 微信登录

微信 【页面内登录】

npm i vue-wxlogin
import wxlogin from "vue-wxlogin";

// 组件导入
<wxlogin
  :appid="WxLogInData.appid"
  :scope="WxLogInData.scope"
  style="width: 300px; margin: auto"
  :redirect_uri="WxLogInData.redirect_uri"
  :self_redirect="false"
  :href="WxLogInData.wxcss"
></wxlogin>

// json 配置
 WxLogInData: {
   appid: "",
   scope: "snsapi_login",
   redirect_uri: encodeURIComponent("回调地址"),
   wxcss: "微信css地址"
 },

// 微信回调地址后做监听
watch: {
  $route(to, from) {
    const that = this;
    // 如果有code 大概就是微信回调
    if (to.query.code) {
    	// 拿到code后 做相应操作 向后台获取openId
    }
  }
}