应启用资源版本控制：一、用Mix的.version()生成哈希文件名并配合mix()函数引用；二、手动加?v=时间戳或版本号；三、配置ETag/Last-Modified实现协商缓存；四、部署后主动刷新CDN缓存；五、Blade中动态生成路径并禁用视图缓存。
你在 Laravel 项目里改完 CSS 文件，保存后浏览器页面样式没变，刷新一次还是旧的，必须按 Ctrl+Shift+R 强制刷新才看到新样式——这不是你代码写错了，是浏览器把旧 CSS 文件缓存住了，根本没去请求新版本。
用 Mix 版本化自动破缓存
这是最稳妥、一劳永逸的方案，Laravel Mix 编译时会给 CSS 文件名加上唯一哈希值，URL 变了，浏览器自然重新下载。
第一步：打开 webpack.mix.js 文件，在末尾添加 【.version()】 方法调用，确保整行代码存在且未被注释：
.version();
立即学习“前端免费学习笔记（深入）”；
第二步：执行生产环境编译命令，触发哈希重命名：
yarn run production 或 npm run production
这一步会生成类似 /css/app.css?id=7a2b9c 的带哈希路径文件。注意：开发环境默认不启用 version()，必须跑 production 才生效；如果你只想在 dev 环境也生效，需额外配置 mix.webpackConfig({ output: { filename: '[name].[contenthash].js', chunkFilename: '[name].[contenthash].js' } }) 并配合 .version() 使用。
第三步：在 Blade 模板中，把所有 <link rel="stylesheet" href="/css/app.css"> 替换为：
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
mix() 函数会自动读取 public/mix-manifest.json，返回当前哈希路径。漏掉这一步，版本号就白加了。
手动加查询参数快速验证
适合临时调试或无法运行编译命令的场景，见效快但不适合上线长期使用。
方法一：在模板中直接追加时间戳
<link rel="stylesheet" href="/css/app.css?v={{ time() }}">
每次刷新页面都会生成新 URL，强制重载。但注意：time() 每秒只变一次，连续快速刷新可能仍走缓存；更稳妥的是用 {{ now()->timestamp }} 或 {{ uniqid() }}。
方法二：配置版本常量统一管理
在 config/app.php 里加一行：'version' => '2.4.1'，然后模板中写：
<link rel="stylesheet" href="/css/app.css?v={{ config('app.version') }}">
部署新版本时只需改这个值，所有资源 URL 都会更新。⚠️Nginx 若配置了 expires 1y 且未放行带 ?v= 的请求，该参数可能被忽略——检查你的 location ~* \.css$ 块是否包含 try_files $uri $uri/ /index.php?$query_string;。
清空服务器端缓存并重启服务
有时候你以为改的是 CSS，其实 Laravel 已把视图或配置缓存下来，连带 asset() 生成的路径都卡在旧状态。
进入项目根目录，依次执行：
php artisan config:clear → php artisan view:clear → php artisan cache:clear
这三步分别清除配置缓存、编译视图缓存、应用通用缓存。特别是 【config:clear 必须最先执行】，否则 mix() 函数可能仍引用旧的 manifest 路径。
如果用了 Nginx，确认静态资源 location 块没硬编码 expires 1y 且未配 Cache-Control: no-cache。临时调试可直接加一行：add_header Cache-Control "no-cache, must-revalidate"; 到对应 CSS location 中，reload nginx 即生效。
