微信授权登陆

const unit = {
handleParams(params){
        let str = '';
        for (let key in params) {
            str += `${key}=${params[key]}&`
        }
        return `${str.slice(0, str.length - 2)}`;
    }
}

const parmas = unit.handleParams({
            appid: 'wx123456789acbfdab',
            redirect_uri: encodeURI('https://xxxx.com/share'),
            response_type: 'code',
            scope: 'snsapi_userinfo',
            state: '200',
}) + '#wechat_redirect';
 window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?${parmas}`;

参数说明
appid：微信公众号的appid
redirect_uri：授权成功后的回调地址，需要到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头
response_type：返回类型，填写code就好
scope：应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且， 即使在未关注的情况下，只要用户授权，也能获取其信息 ）

关于网页授权的两种scope的区别说明

1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页（往往是业务页面）

2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。

授权成功后，页面将跳转至 redirect_uri/?code=CODE&state=STATE。
code就是我们需要拿到的，state是在请求参数里我们定义好的，例如上面我定义的是‘200’