前端项目发版后页面加载最新代码

devtools/2024/9/24 13:30:40/

版本发布上线后,如果用户还停留在老页面,此时用户并不知道网页已经重新部署了,跳转页面的时候可能会出 js 链接 的hash变了导致报错跳不过去的情况。需要手动刷新拿到最新的代码后才能恢复,那有哪些办法可以实现优化这个问题。

方案1:

报错后重新触发资源请求

方案2:

轮询打包后的script src 的hash值

方案3:

以版本号作为请求头,每次请求后端接口会判断该版本号是否有更新,如果有返回对应信息通知前端重新加载资源


http://www.ppmy.cn/devtools/116522.html

相关文章

牛客小白月赛101

题目链接 A k 次操作,每次删除数组的第一个元素或者最后一个元素,求最后数组和的最大值 错误做法:每次操作比较第一个元素和最后一个元素,删除较小的一个。 这样不能只能保证一次操作是最优的;对于多次删除操作&…

uni-icons自定义图标详细步骤及踩坑经历

一、详细步骤 获取图标 1.访问iconfont-阿里巴巴矢量图标库,搜索图标并加入购物车: 2.点击页面右上角购物车图标 ,点击添加至项目,如没有项目,需要点击下图第二步的图标新建一个项目目录,如已经有项目则…

Kotlin 操作符 in 的基本使用(十)

导读大纲 1.0.1 迭代集合1.0.2 使用 in 检查集合和范围 1.0.1 迭代集合 使用 for (x in y) 循环最常见的情况是对一个集合进行迭代 您很可能已经熟悉它的行为–对输入集合中的每个元素都执行循环 在这种情况下,您只需打印颜色集合中的每个元素 在循环内部,单个颜色可以用 colo…

第十章 【后端】商品分类管理微服务(10.7)——公共模块

10.7 公共模块 用于存放公共服务类。 10.7.1. 创建模块 10.7.2 创建实体类的超类 在父工程的 pom.xml 中添加依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns

用Flutter几年了,Flutter每个版本有什么区别?

用Flutter几年了&#xff0c;你知道Flutter每个版本有什么区别吗&#xff1f;不管是学习还是面试我们可能都需要了解这个信息。 Flutter 每个版本的用法基本都是一样的&#xff0c;每隔几天或者几周就会更新一个版本&#xff0c; 2018 年 12 月 5 日发布了1.x 版本&#…

python自学笔记

python部分总结 主要记录的是python与之前学的语言的不同之处 函数总结 首字母大写: name.title() 删除右边空格&#xff08;暂时&#xff09;:name.rstrip() 删除左边空格&#xff08;暂时&#xff09;:name.lstrip() 删除前缀&#xff08;暂时&#xff09;:name.removeprefi…

PMP考完之后考什么,NPDP值得考吗?

PMP考完之后先去申请一个CSPM-2级证书吧&#xff0c;现在这个证书还在推广期&#xff0c;不用参加考试就能申请增持 CSPM 证书&#xff0c;流程也很简单&#xff0c;600米申请表照片就可以了&#xff0c;有PMP的建议不要错过这个免考期~ 一、cspm是什么呢&#xff1f; CSPM是由…

流水线部署失败排查指南

在现代软件开发中&#xff0c;CI/CD&#xff08;持续集成/持续交付&#xff09;流水线是确保代码质量和快速交付的重要工具。然而&#xff0c;部署失败时&#xff0c;排查问题的能力至关重要。以下是一些常见的故障排查步骤和技巧。 ## 1. 检查流水线日志 首先&#xff0c;查看…