开发微信公众号小技巧(微信授权跳转)

出发微信公众号

先pick一个小技巧

开发过公众号的朋友们知道流程,在用户点击登录后,会在url上返回code...等值,这时候要取code值传给后端同学,然后跳转到我们的主页面,大多数的朋友都是这种流程

window.location.href = 'url' // 但是呢,这样会有一个弊端当用户返回时,还会跳转到我们的code的url页面

初始思路

1. 清历史记录,让用户返回就退出

但是在查看vue的api之后发现没有这一功能就想着怎么去实现,也困扰了好久

开发微信公众号小技巧(微信授权跳转)_第1张图片

后来一想,去翻翻window原生的api去果然

replaceState 替换当前历史记录

  • state:一个与指定历史记录相关联的状态对象,当popstate事件触发时,会把该对象传入回调函数。如果不需要用到,可以传null。
  • title:页面的标题。但当前大多数浏览器都不支持或忽略这个值。可以传null。
  • url:添加或修改的history的网址。为了安全性,必须保持与当前URL同一个域。
window.history.replaceState = (state, nuurlll, url) // 清除访问历史并跳转

如果有更好的方法记得联系俺哦~

嗖嗖嗖~   对应文章

开发微信公众号小技巧(微信授权跳转)_第2张图片

你可能感兴趣的:(微信公众号)