Vue-router hash模式微信登陆受权验证,#号处理

微信受权登陆验证会把网址中的#号去掉,这样在跳转的时候Vue拿不到Code。因此作了如下处理javascript

 

let href = window.location.href; if (href.includes("com/?code")) {  //url包括 com/?code 证实为从微信跳转回来的
        var url = href.substring(0, href.length - 2); //vue自动在末尾加了 #/ 符号,截取去掉
        var jingPosit = url.indexOf("com/") + 4; //获取域名结束的位置
        var urlLeft = url.substring(0, jingPosit);//url左侧部分
        var urlRight = url.substring(jingPosit, url.length); //url右侧部分
        window.location = urlLeft + "#/" + urlRight;//拼接跳转
      }

 

再跳转后从url中拿到code作登陆处理vue

if (this.$route.query.code) {
 //code to account
      }
相关文章
相关标签/搜索