vue单页应用（history模式）微信授权后跳转

摘要：当用户分享了一篇文章到朋友圈，其他人点击后需要先授权才能够浏览。微信授权后，我们的后台控制统一回到首页，这样的体验十分糟糕

问题

微信用户授权后，如何准确跳转到用户想要进入的页面，而且微信分享的页面连接还会带有额外的参数

解决方法

先将要进入的页面路径存储到本地，等授权后再读取并跳转到该路径
1.进入页面（App.vue）时,先对路径url进行处理。判断路径url中是否有微信添加的额外参数，如果有就先除去额外的参数并跳转（一是我有点强迫症，二是怕影响微信签名的获取）
2.向后台发送请求，此时后台会判断是否授权。在没有授权的情况下请求失败，失败时先将没有额外参数的路径url存储到本地，然后跳转到授权页面
3.点击授权后，后台获取到用户信息后再次进入页面（App.vue）时，先判断本地是否存储有路径url，如果有就进行路由匹配进入对应页面并删除存储的值；没有则进入首页
App.vue中的created：

if (location.href.indexOf('?') > 0) { // 将参数全部截取掉并跳转
  location.href = location.href.split('?')[0];
}
if (sessionStorage.getItem('firstUrl')) { // 跳转到原来的页面
  let firstUrl = JSON.parse(sessionStorage.getItem('firstUrl'))
  sessionStorage.removeItem('firstUrl');
  location.href = firstUrl;
}
this.$http.get(`${this.allUrl}/xxx`); // 请求接口，allUrl是域名，vuex中的变量当成全局变量使用
  .then((res) => {
    // 成功执行代码
  })
  .catch(() => {
    sessionStorage.setItem('firstUrl', JSON.stringify(location.href)); // 将路径保存到本地
    location.href = this.allUrl; // 跳转到验证授权的页面
  })