PC扫码登录（扫码跳转微信小程序）

需求背景：
PC端需要使用微信小程序扫码登录
我和后端的主要思路：后端需要微信小程序的code，以及在PC端用来生成二维码的随机数，去查找用户token 返回给我，那我这边只需给后端code，那如果扫码跳转微信小程序 进行获取code给他呢？

一、在微信小程序公众后台配置 “扫普通链接二维码打开小程序”

在 开发管理-》开发设置下 《扫普通链接二维码打开小程序》

二、pc端安装vue-qr 用于生成图片

1、安装vue-qr

npm install vue-qr --save

2、引入

（1）、在main.js中引入

// vue2.0
import VueQr from 'vue-qr'
new Vue({
    components: {VueQr}
})

（2）、单个页面引用

// 在使用页面中引入
import vueQr from 'vue-qr'

3、使用

// logo-src： 二维码中间的图片
// margin：二维码外边距
// text:二维码的内容 codeurl：在扫普通链接二维码打开小程序的链接加id的值 如：https://text/text?id=1
// size:二维码大小 不含外边距
// color-dark: 二维码的颜色
 <vue-qr :logo-src="require('@/assets/logo.png')" :margin="0" :text="codeUrl+QRCode" :size="240" color-dark="#18284E" />

三、微信小程序

p：二维码扫出来的结果
scancode_time：时间戳
因为p 为UrlEncode加密过 需要解码 获取直接获取options.q.split(“%3D”)[1]

进入之后看看二维码是否在正常范围（看后端咋给）

 wx.login({
 success:(res)=>{
 res.code  //code
 }
 })

木有耐心了就这样吧