(微信公众号) | Vue,histroy模式下微信IOS拉取授权,物理返回上一级路由问题
问题描述:使用replace微信浏览器依然会添加history
业务需要登录支持微信一键登录,微信拉取授权需要跳转一个微信地址,通常采用location.replace(本身replace不添加浏览器历史记录)来跳转,但微信IOS下物理返回键还是可以返回上一级路由,很呆....
微信过公众号拉取微信授权重定向页面后,ios返回有重定向之前的页面
解决方案:
mounted () {
// 监听IOS下物理返回键
if (window.history && window.history.pushState) {
window.history.pushState(null, null, document.URL)
window.addEventListener('popstate', () => {
// 重定向你要的地址即可
window.location.reload()
}, false)
}
}
文章目录
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。