类型
状态
日期
文章链接
概览
标签
分类
图标
密码
创建时间
Aug 14, 2023 04:03 PM
最近更新时间
Aug 14, 2023 05:47 PM
前言
在前端开发中,随着新功能的开发和 bug 的修复,我们经常需要更新我们的线上页面。但是当我们发布了一个版本修改了某个bug或者更新了某些功能,只要用户不刷新页面,他将无法享受新版本带来的修改,那么,我们可以实现一个生产环境页面自动更新的功能,提示用户版本更新,需要刷新页面重新加载。
思路
我们知道,在开发环境中,我们是依靠
WebSocket
实现的,但是如果在生产环境中,不仅需要写相关的代码,还得需要后台的配合,得不偿失。那在生产环境中,应该如何实现呢。
我们知道,每一次我们打包发布,都会生成一个
index.html
文件,在这个文件中引用的js文件每次都是随机生成的,所以每一个版本引入的js名称都不会相同,我们可以使用这个特性来监听页面是否需要更新。
那这样,我们大概就能确定下实现思路:

实现
- 作者:Jenson
- 链接:https://blog.jsmiao.com/article/8f3af9ad-fbce-4d04-9976-4fa02f33b0df
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。