移动端使用 window.location.reload() 无法重新加载网页

2026-03-24 68 浏览 0 评论

Vue 项目开启了 keep-alive 缓存,但是总是会遇到有些地方缓存清理不干净,索性在用户退出的时候重新加载整个网页,使用的就是 window.location.reload() 函数,在本地调试的时候完全没有问题,但是在手机上就无法重载网页。 我发现一个问题,当一个网页的地址最后面是一个 # 时:

  • 执行:window.location.replace(window.location.href);  浏览器不刷新页面。
  • 经过测试: window.location.href = window.location.href;  浏览器也不刷新页面。
  • 经过测试:window.location.reload(); PC 浏览器会刷新页面,安卓也会刷新,但是 IOS 不会刷新。

既然如此,我们可以强制去掉 # 符号和后面的参数,然后再强制刷新:

let url = window.location.href
url = url.split('#')
window.location.replace(url[0]);

这样完美解决移动端使用 window.location.reload() 无法重新加载网页的问题。


发布评论

发布评论前请先 登录
取消
0 评论
点赞
收藏

评论列表 0

暂无评论