上线项目页面更新问题
来源:8-7 Message 组件改进为函数调用形式
有没有没被占用的昵称
2021-09-28
老师,我现在有这样一个需求,就是我们的项目已经上线,但是每次发布新版本之后,用户需要清除缓存才能看到更新的内容。
所以需求就出现了,我观察到,像vue和webpack官方文档的页面,
如果有新内容了右下角会有一个小的浮窗来提示你,“有新内容,是否更新“。
点击更新后就会刷新一下页面,然后就能看见新内容了。
老师我想问的是,
- 怎么样来检测当前页面有没有新内容
- 如果有新内容,那一步更新操作是怎么实现的,实际上做了什么呢?
不知道我说的具体不
请老师赐教,不胜感激
写回答
4回答
-
同学你好 还是没有看到 我这里只有一个广告 它应该检测到我已经至最新的了? 不过我已经清楚他是使用了 vuepress 的 pwa 功能,它这里针对 service worker 有一个检测是否更新的选项,选项可以显示一个弹窗。https://vuepress.vuejs.org/zh/plugin/official/plugin-pwa.html#%E9%80%89%E9%A1%B9
这里如果你要深入的话,要自己去研究 service worker 以及 PWA 的相关知识。
022021-10-01 -
张轩
2021-09-30
同学你好 很奇怪 我在右下角并没有看到对应的内容,我把 adBlock 关了也没有,我访问的链接是:https://cn.vuejs.org/v2/guide/index.html
请看图:
012021-09-30 -
有没有没被占用的昵称
提问者
2021-09-29
图在这里00 -
张轩
2021-09-29
同学你好
项目上线更新的一般做法是新的上线静态文件修改新的 hash 就可以,
不知道你说的 vue 和 webpack 是哪种方式,我在它们的官方网站也没有看到类似的窗口,请问你能提供一下链接和截图吗?我去试试看它的功能
012021-09-29
相似问题