为什么服务器上静态资源更新了,不清除缓存的情况下浏览器再次访问还在请求旧的静态资源?

2017-04-11 13:55:34 +08:00
 xilixjd

用 webpack 打包后,文件被分成了一个入口 html 文件和许多 js 文件

然后再上传到服务器上

这个时候再访问网站,浏览器仍然在请求原来的静态 js 文件导致 404 错误,且这个静态文件的来源是 from cache

比如未更新前的静态资源名称 post.chunk.a9059143.js

更新后的静态资源名称 post.chunk.1c9dff52.js

浏览器访问更新后的静态资源仍然是未更新前的 js 文件,导致 404 错误

如果清除缓存或者进入 chrome 的访客模式,网站能够正常访问

9032 次点击
所在节点    问与答
19 条回复
Showfom
2017-04-11 14:29:25 +08:00
ctrl + F5 强制刷新
gamexg
2017-04-11 14:35:31 +08:00
你的入口 html 被缓存了。
检查 nginx 等配置,是不是设置了缓存时间。
xilixjd
2017-04-11 14:35:55 +08:00
@Showfom 不强制刷新有办法解决吗,难道一个网站每次更新完还要用户强刷一下?
gimp
2017-04-11 14:37:00 +08:00
缓存有失效时间的
Showfom
2017-04-11 14:37:59 +08:00
@xilixjd 换浏览器哈哈

你看下你设置缓存多久啊
vipwpcom
2017-04-11 14:45:54 +08:00
可以加上版本号
learnshare
2017-04-11 14:50:03 +08:00
index.html 设置缓存时间,尽量短比较好
xilixjd
2017-04-11 14:59:06 +08:00
@learnshare 问一下怎么设置,在 nginx 上设置还是 html 文件?
xilixjd
2017-04-11 14:59:31 +08:00
@Showfom 没有设置缓存。。不知道怎么设置
misaka19000
2017-04-11 15:00:59 +08:00
@xilixjd 谷歌“ Nginx 缓存失效时间就可以了”
Showfom
2017-04-11 15:06:57 +08:00
@xilixjd 没设置那就是浏览器默认的缓存,不用在意,等你用户访问的时候,早失效了。
think2011
2017-04-11 15:07:56 +08:00
@Showfom 这是要让每个用户换浏览器吗... Orz

楼主的入口文件( index.html )被缓存了,当然请求的也是旧的了,只要保证每次发布 index.html 都是新的,那么问题就解决了。
think2011
2017-04-11 15:09:00 +08:00
我倒是困惑单页面应用,如果用户正在浏览,这时更新发布了,应该怎么处理..
nfroot
2017-04-11 15:24:15 +08:00
@think2011 asp.net 据说会会话失效,然后哈哈哈哈重新登录(反正我们供应商是这样说的,然后父框架页面如果这时候刷新,直接丢你一个 500 错误)
msg7086
2017-04-11 15:47:53 +08:00
难道你打包程序会没事删掉旧的资源文件?
icegreen
2017-04-11 16:32:23 +08:00
@think2011 更新的时候加面包屑, 旧的资源还保留, 在最新的 index.html 里面引入最新的资源文件;
think2011
2017-04-11 19:39:59 +08:00
@icegreen 有没有相关文章,这个问题困惑我很久了。
loading
2017-04-11 19:41:54 +08:00
html 被缓存了
RE
2017-04-11 23:07:03 +08:00
旧版本的 js 不要立马删掉啊… 要么就不要在文件名中带入版本号,直接替换旧的… 或者 html 请求的时候用 build.js?v=123 来控制版本

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/354063

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX