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搜索条件时也会出现这种情况
来个大佬解答下呢!
总结:为什么上述情况在前端 重新打包之后会出现缓存无法刷掉的情况?
请先登录
看起来有点玄乎,不过前端编译产物就是简单的静态文件,
js、css、imgs
等,如果你对缓存情况比较好奇,直接查响应标头不就行了找到原因了,谢谢!
恭喜~
已解决!突然想起之前配置过一次 build的js命名规范,这个配置会让每次打包的js文件命名一样,造成缓存无法及时刷新情况,特此记录!
主要在vite.config.ts里面的 build.rollupOptions.output下面的三项配置造成的 entryFileNames,chunkFileNames,assetFileNames
- 1
前往