发版后前端页面更新问题

前端发布新版本后,由于缓存或用户未关闭页面可能导致用户访问旧版页面,引发无法使用新功能和资源丢失报错的问题。解决方法包括调整服务器缓存策略,设置index.html不缓存,引入版本校验功能以及在路由错误时主动刷新页面。
摘要由CSDN通过智能技术生成

前端发版后,可能会因为:

1、缓存原因

2、用户在发版前打开了页面然后一直停留到发版后仍未关闭

导致发版之后用户仍然访问的是旧版的页面

带来的问题:

1、无法使用新功能,需要主动清除浏览器缓存

2、在打开的页面跳转之前未打开过的页面(之前打开过的资源会缓存,如果是spa则js等已在内存中)会因为服务器资源不存在而报错。(vue项目的直观表现就是会触发router.onerror)

解决方法:

1、服务器将强缓存改为协商缓存或者不缓存(解决第一类问题)

2、加入版本校验功能(解决第二类问题),具体操作可以前后端统一维护一个版本号,每次发版都新增,接口通过判断版本号是否一致来返回相应信息,前端获取到不一致标识之后主动刷新页面

3、router.onerror时主动刷新前端页面

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值