spa发布缓存的问题

Question

每次项目发布新版本，总需要强制刷新才能显示最新修改，从前端的角度有没有什么好的办法处理？

Answer 1

薛清扬 2022-05-15 16:59:10

+1。同样的问题。公司项目用乾坤做的微应用拆分。在子应用新添加功能后提交给测试。测试更新对应的镜像后需要强制刷新浏览器

Answer 2

双越 2020-06-09 15:04:38

第一，确保你的 html 文件在服务器中没有缓存

第二，webpack 打包 js css img 等时，增加 contentHash

• 提问者 独爱西红柿 #1

  感谢老师的回复，之前您课程中提到，谁开发，谁发布，我们公司前端的项目，前端工程师只需要打包出文件就可以，由专门的人员去上线。现在所有的文件除了html文件，都是带有hash值的，但是上线还是会有缓存问题。html头文件里已配置不缓存，也看了浏览器的协商缓存，有时候还是出现问题了。然后通过接口检测版本，自动刷新，缓存有时依然存在。对于服务器的知识有限，不知道老师这种情况需要服务器配置什么？或者单纯的从前端的角度可以解决吗？

• 双越 回复 提问者 独爱西红柿 #2

  缓存的事情不用了解服务端，只要看 http 协议就行了。要确定 html 文件 cache-control: no-cache ，静态文件都带有 content-hash ，这样就足够了。如果这样还是有缓存，那就要看看客户端的问题了。你是用浏览器访问，还是在某个 app 的 webview 中？

• 提问者 独爱西红柿 回复 双越 #3

  抱歉，老师，回复的晚了，是浏览器访问的，之前工作中基本没有碰到过这种问题，现在的公司每次更新前端代码时常有浏览器的缓存问题，我也不知道是不是前端少了什么，很无奈，html头配置了no-cache，静态文件也都有content-hash，发布的人总找我解决缓存问题...

点开查看后面2条评论