解决vue在ios微信“复制链接”始终为初始地址的问题

前端  /  管理员 发布于 6年前   393

如何解决vue在ios微信“复制链接”复制不到动态地址的问题？

问题描述：

在 iOS 系统中，用微信打开了 A 页面的链接，然后由 A 页面进入 B 页面

在 B 页面打开微信右上角菜单，使用“复制链接”功能

最后粘贴出来的链接是 A 页面的链接

原因

ios因为微信内置浏览器对 history 的支持不够全面所以对于开启了 History Mode 的 SPA 应用，只会保存第一条 url只要每个页面都刷新一次，严格的说不能是简单的刷新，需要用 location.replace 刷新页面，就能解决该问题。

解决方案：

判断环境为iOS的微信环境时候，使用重定向跳转的方式：

location.replace（url）

或者

location.href=url

可以在router.beforeEach钩子函数中判断，也可以把跳转的方法单独封装出来。