web端打包多次出现无法清理的缓存问题

主要出现在popupForm文件里面,示例:在修改远程下拉remote-url时,比如原remote-url值是
'remote-url': '/admin/official.Nav/index',应功能需要,在地址后面补了一个get参数变成了'remote-url': '/admin/official.Nav/index?t=1', 然后进行重新打包上线,访问线上的时候,如果不手动清理浏览器缓存的话,是无法刷出来/admin/official.Nav/index?t=1的,远程下拉访问地址依然是'/admin/official.Nav/index',F5刷新,ctrl+F5刷多少次都一样,只能手动清理google浏览器历史访问记录,token,cookie等之后, 再刷新网站,才能看到最新效果。

同样的情况还出现在 index.vue里面给baTable配置filter对象时,自定义key:value搜索条件时也会出现这种情况

来个大佬解答下呢!

总结:为什么上述情况在前端 重新打包之后会出现缓存无法刷掉的情况?

2个回答默认排序 投票数排序
YANG001
YANG001
这家伙很懒,什么也没写~
3月前

看起来有点玄乎,不过前端编译产物就是简单的静态文件,js、css、imgs等,如果你对缓存情况比较好奇,直接查响应标头不就行了

hellocrab
hellocrab回复YANG001
这家伙很懒,什么也没写~
3月前

找到原因了,谢谢!

YANG001
YANG001回复hellocrab
这家伙很懒,什么也没写~
3月前

恭喜~

hellocrab
hellocrab
这家伙很懒,什么也没写~
3月前

已解决!突然想起之前配置过一次 build的js命名规范,这个配置会让每次打包的js文件命名一样,造成缓存无法及时刷新情况,特此记录!
主要在vite.config.ts里面的 build.rollupOptions.output下面的三项配置造成的 entryFileNames,chunkFileNames,assetFileNames

请先登录
0
1
0
4