当我上传新版本的代码时如何强制浏览器清除缓存

Question

我目前正在使用 VueJs Web 应用程序运行 laravel。我对css做了一些修改，并在几天前发布了新版本。由于浏览器缓存，大部分 CSS 都被搞乱了。

不是要求用户强制重新加载缓存（这是不可行的），是否有另一种方法可以强制浏览器检索文件的新版本以便反映更改？

谢谢你！

Answer 1

是的，您可以通过在文件末尾添加版本号来阻止浏览器缓存新更新的脚本。

<link 
    rel="stylesheet" 
    href="{{ asset('css/app.css?v='.filemtime(public_path('css/app.css'))) }}" 
/>

您也可以对 js 文件执行相同的操作。

该filemtime()方法返回文件修改时间，仅当您修改 css 文件时才会更改。