关于 web 的缓存策略,推荐这篇文章:Http 缓存机制
在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本,使用心得版本号的时候,发现 html 里面引用的版本号却是旧的版本号...因为我们只关注了客户端,却忽略了服务器端的设置,如果服务器端nginx设置了Cache-control,他是会覆盖掉我们页面中设置的的Cache-control的,所以有时候我们会发现明明css和js已经加了版本号...,但是 html 文件里面引用的依然是旧的 css 和 js 文件
一旦我们使用了全量更新,也就是每次发版本之前会干掉之前的 js 和 css 文件,那么index.html会无法加载之前的js,css...还有一些其他的静态资源文件,,而新的js和css则不会被加载, 那么白屏就诞生了....因为服务器的缓存机制,旧的css和js并不会被立即删除,这种情况下, 需要配合服务器来设置缓存,以nginx为例
location / {
root /home/www/test/dist;