前端重新部署后如何通知在线用户刷新网页加载最新代码

FarmerLZJ 专写BUG 2023-02-08 11:01:11

版本发布上线后，如果用户还停留在老页面，此时用户并不知道网页已经重新部署了，跳转页面的时候可能会出 js 链接的hash变了导致报错跳不过去的情况，前端需要保证用户的最佳体验。

如何解决：前端重新部署后如何通知在线用户刷新网页加载最新代码

...全文

37 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

好不容易找到的MUI开发Demo 分享出来！

例如在 Webpack 构建流程中，可以通过插件（如 HtmlWebpackPlugin 或 CopyWebpackPlugin）动态注入当前构建的时间戳作为版本标识。通常，尽量减少对用户的打扰，并确保刷新操作不会打断用户正在进行的任务。以上三种方法都可以实现优雅地通知用户刷新页面的效果，具体选择哪种方法可以根据实际需求和用户体验考虑。根据实际应用场景选择合适的技术方案，确保用户体验的同时，也能及时让用户获取到最新的页面内容。的文件，用于存储项目的版本信息。在前端构建过程中，通过配置脚本自动更新。

Vue项目重新部署后，提示用户刷新网页

当我们重新部署前端项目的时候，如果用户一直停留在页面上并未刷新使用，会存在功能使用差异性的问题，因此，当前端部署项目后，需要提醒用户有去重新加载页面。编译项目时动态生成一个记录版本号的文件。轮询（20s、自己设定时间）这个文件，判断版本号，有新版本则通知用户刷新页面。

各位小伙伴是否在项目上线后被用户问到：不是说新功能今天上线吗，怎么没看见。你：刷新下页面或者清除一下缓存用户：怎么清除缓存你：‍‍‍‍‍‍‍‍😫远程吧！或者是一个bug你明明已经修改并上线了，但是用户依然说bug存在，等等，为了让用户能够及时使用到新功能，就得解决这个问题。

1,255

社区成员

165

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

亲爱的CSDN小伙伴你们好，我们是一个全新的社区，成立之初请CSDN的小伙伴们帮忙推广一下我们React社区，欢迎大家来这里讨论React相关问题哦～

另外对社区做出重大贡献者，可以联系版主授予称号～

试试用AI创作助手写篇文章吧

+ 用AI写文章