vue单页项目怎样在发布版本后强制刷新资源?

发布于 2022-09-11 16:15:03 字数 267 浏览 23 评论 0

问题:vue单页项目怎样在发布版本后提示用户刷新页面?
单页应用不像普通网站,每次页面跳转都会重新加载资源,用户如果在发布新版本之前打开了页面,并一直停留在页面中没有刷新,那么用户就看不到新版本的内容。

之前我们的做法是:建一个version.js,在axios中使用请求拦截器,拦截每一个请求,在拦截器中去请求version.js,然后将version.js中的内容去与存在本地的进行比较,如果不一致,则提示用户。
除了上述方法外,还有别的更好的方法吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

大海や 2022-09-18 16:15:03

可以把你说的这个做法代码贴出来看一下吗
在拦截器中去请求version.js 不是很明白

小兔几 2022-09-18 16:15:03

静态资源服务,在 cookie 里面,插入版本号或者 hash,
访问的时候,比对,不一致,做一次重定向,

如果API请求,在请求头信息里面带上版本,后台接收到,比较之后,
如果不一致,返回错误信息,前端做弹出框提示,或者重定向。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文