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

  近期评论

很多东西宁缺毋滥,流星的光芒短暂而灼热闪耀。

让你变得更好的那个人,往往是你觉得很难与之相处的那个人。—— by 小宇

觉得自己做的到和不做的到,其实只在一念之间。

路在自己脚下,没有人可以决定我的方向。

你的选择是做或不做,但不做就永远不会有机会。

凡事顺其自然,遇事处于泰然,得意之时淡然,失意之时坦然,艰辛曲折必然,历尽沧桑悟然。