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
个性签名:毁掉一个人最好的方式就是放纵他的缺点。

  近期评论

只有脚踏实地的人,才能够说:路,就在我的脚下。

无论你选择做什么,追求完美的程度决定你成就的高度。

这个世界最脆弱的是生命,身体健康,很重要。

上帝说:你要什么便取什么,但是要付出相当的代价。

现在站在什么地方不重要,重要的是你往什么方向移动。