react打包后的文件css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。
不过需要注意的是,把打包好的index.html放到服务器里去的时候,index.html在服务器端可能是有缓存的,这需要在服务器配置不让缓存index.html
使用的是nginx服务器,因此通过对nginx配置,实现让index.html不缓存
location = /index.html {
add_header Cache-Control "no-cache, no-store";
}
-
no-cache, no-store可以只设置一个
-
no-cache浏览器会缓存,但刷新页面或者重新打开时 会请求服务器,服务器可以响应304,如果文件有改动就会响应200
-
no-store浏览器不缓存,刷新页面需要重新下载页面