vue 获取微信授权成功code值

    

vue 获取微信授权成功code值

<script>
    export default {
        name: 'app',
        mounted() {
            let script1 = document.createElement("script");
            script1.type = "text/javascript";
            script1.src = "http://res.wx.qq.com/open/js/jweixin-1.2.0.js";
            document.body.appendChild(script1);
            let ua = navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == "micromessenger") {
                if(window.location.search.indexOf('code') < 0) {
                    window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx71c3c2414bc6ab7b&redirect_uri=' + encodeURIComponent(location.href) + '&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect';
                } else if(window.location.search.indexOf('code') > -1) {
                    let code = this.getUrlKey("code");
                    alert('前端获取到的code为:' + code);
                    localStorage.setItem('wechatcode', code);
                }
            }
        },
        methods: {
            getUrlKey(name) {
                return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
            }
        }
    }
</script>

所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!

已有 2 条评论

    1. 回复 小白: 这个是线上的代码。我直接复制出来的。一个商城的商品使用微信商户付款中,需要获取code的代码。没有改过哦

添加新评论

  关于博主

QQ:1960727927
E-Mail:ceet@vip.qq.com
个人主页:https://aiylqy.com
个性签名:毁掉一个人最好的方式就是放纵他的缺点。

  近期评论

有种脾气叫,不放弃。

梦想是注定孤独的旅行,路上少不了质疑和嘲笑,但那又怎样,哪怕遍体鳞伤也要活的漂亮。

不管现在有多么艰辛,我们也要做个生活的舞者。

命运从来不会同情弱者。

不怕万人阻挡在前方,只怕自己先行投降。