请教一下，前端发布版本，用户会白屏

[neptuno]

我是属于后端，帮我们组前端问一下，现状是每一次发布版本，前端 hash 值改变了，用户点击路由到其他页面，会出现白屏，显示找不到页面。要刷新一下才能解决。我初步想法是每次发布加一个版本号，后端返回版本号，但前端找不到合适的调用时间点。有啥解决方案吗？

[wukongkong]

打包出来文件没有 hash 值，导致访问了本地文件？

[wunonglin]

index.html 不缓存

[think2011]

目测是原先的文件被删除了，导致请求不到。

简单的做法是不要删除的旧的 hash 文件就好，这样用户在刷新前依然可以用旧版本

[neptuno]

@think2011 谢谢，我们先尝试下不删除文件

[neptuno]

@wunonglin 不缓存的话，我们没加 cdn ，加载比较慢

[learningman]

用 serviceworker ，检测到版本更新后台下载，下载完了弹个框提示用户刷新一下

[wunonglin]

@neptuno #5 index.html 没多大，再加上你缓存的话那就不要把原来的文件给删了。

[neptuno]

@learningman #6 谢谢，这个我待会儿研究下

[GreatAuk]

哈哈，试下我写的插件？ https://github.com/GreatAuk/plugin-web-update-notification 。 这两天看下再加个 webpack 插件支持

[GreatAuk]

@learningman 加 pwa 支持有成本的，而且如果不熟悉就上，很简易整成强缓存 ，用户刷新都不生效。

[dusu]

写个固定路径的版本 js
前端路由切换前查询一次或者直接轮询
和当前版本不一致就直接刷新页面

[gzyguy]

现在前端构建出来的静态资源一般默认都带上 hash 吧？是不是因为用户在升级后页面资源还停留在历史版本上导致的 ？

[zhouyg]

大概率旧资源被删除了或同名文件，因为 code splitting 和 懒加载，用户可能已经先 load 了 旧 chunk1 ，点击跳转的时候应该跳转的旧 chunk2 。如果发布后旧资源被清理，就会导致加载不到 chunk2 或者 加载到的是新 chunk2 。可以在构建时在资源路径加上 版本标识，同时保留历史版本

[zhzy0077]

我们也是通过版本号来发布切流的. SPA 的话一般在主入口去查版本号就行了, 已经在浏览的用户就继续用旧版直到刷新也没问题.
不过我们的版本号不是后端控制的, 后端没做 CDN 或者 CDN 做的不好的话很容易影响首屏, 我们一般就前端 CDN 或者 OSS 上放一个文件, 直接改文件, 前端去拿出来就行了

[otakustay]

仅解决前端问题的话，发布的时候别把上次的东西删了就好了