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

This topic created in 3492 days ago, the information mentioned may be changed or developed.

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

然后再上传到服务器上

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

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

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

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

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

静态

文件

更新

unk

19 replies • 2017-04-11 23:07:03 +08:00

Showfom

PRO

Apr 11, 2017

ctrl + F5 强制刷新

gamexg

Apr 11, 2017

你的入口 html 被缓存了。
检查 nginx 等配置，是不是设置了缓存时间。

xilixjd

Apr 11, 2017

@Showfom 不强制刷新有办法解决吗，难道一个网站每次更新完还要用户强刷一下？

gimp

Apr 11, 2017

缓存有失效时间的

Showfom

PRO

Apr 11, 2017

@xilixjd 换浏览器哈哈

你看下你设置缓存多久啊

vipwpcom

Apr 11, 2017

可以加上版本号

learnshare

Apr 11, 2017

index.html 设置缓存时间，尽量短比较好

xilixjd

Apr 11, 2017

@learnshare 问一下怎么设置，在 nginx 上设置还是 html 文件？

xilixjd

Apr 11, 2017

@Showfom 没有设置缓存。。不知道怎么设置

misaka19000

Apr 11, 2017 via Android

@xilixjd 谷歌“ Nginx 缓存失效时间就可以了”

Showfom

PRO

Apr 11, 2017

@xilixjd 没设置那就是浏览器默认的缓存，不用在意，等你用户访问的时候，早失效了。

think2011

Apr 11, 2017

@Showfom 这是要让每个用户换浏览器吗... Orz

楼主的入口文件（ index.html ）被缓存了，当然请求的也是旧的了，只要保证每次发布 index.html 都是新的，那么问题就解决了。

think2011

Apr 11, 2017

我倒是困惑单页面应用，如果用户正在浏览，这时更新发布了，应该怎么处理..

nfroot

Apr 11, 2017

@think2011 asp.net 据说会会话失效，然后哈哈哈哈重新登录（反正我们供应商是这样说的，然后父框架页面如果这时候刷新，直接丢你一个 500 错误）

msg7086

Apr 11, 2017

难道你打包程序会没事删掉旧的资源文件？

icegreen

Apr 11, 2017

@think2011 更新的时候加面包屑, 旧的资源还保留, 在最新的 index.html 里面引入最新的资源文件;

think2011

Apr 11, 2017

@icegreen 有没有相关文章，这个问题困惑我很久了。

loading

Apr 11, 2017 via Android

html 被缓存了

Apr 11, 2017 via iPhone

旧版本的 js 不要立马删掉啊… 要么就不要在文件名中带入版本号，直接替换旧的… 或者 html 请求的时候用 build.js?v=123 来控制版本