Laravel 9更新图片/CSS后生产服务器不生效问题求助

你的问题核心是静态资源的缓存机制导致更新后无法实时生效，你之前调用的缓存清理命令主要针对Laravel应用层面的缓存（如配置、路由缓存），和静态资源缓存无关，所以没效果。下面是针对性的解决方法：

• 强制浏览器刷新缓存（临时方案）
  让用户在页面按下 Ctrl+F5（Windows）或 Cmd+Shift+R（Mac）强制刷新页面，绕过浏览器本地缓存。但这只能临时解决，无法让所有用户自动获取新资源。

• 给静态资源添加版本标识（推荐方案）
  利用Laravel Mix的版本化功能，每次编译资源时生成唯一哈希值，让浏览器识别为新资源并重新加载：

  1. 在webpack.mix.js中添加mix.version()：

     mix.js('resources/js/app.js', 'public/js')
        .css('resources/css/app.css', 'public/css')
        .version();
     

  2. 在Blade模板中使用mix()函数引入资源：

     <link rel="stylesheet" href="{{ mix('css/app.css') }}">
     <img src="{{ mix('images/avatar.png') }}" alt="Avatar">
     

  这样每次部署编译后，资源文件名会带上哈希（如app.css?id=abc123），自动触发浏览器加载新内容。

• 检查服务器端缓存配置
  如果你的生产服务器（如Nginx、Apache）或CDN配置了静态资源缓存策略，需要调整：

  • 比如Nginx中如果有类似expires 30d;的缓存过期设置，可缩短过期时间（如expires 1d;），或者结合版本标识让缓存策略更合理。
  • 若使用了CDN，需要手动清除CDN上的对应资源缓存。

• 验证文件部署与权限

  1. 确认新的图片/CSS文件已经正确上传到生产服务器的public目录下，覆盖了旧文件。可以通过对比本地和服务器文件的修改时间或MD5值来验证。
  2. 检查文件权限，确保Web服务器用户（如www-data、nginx）拥有读取这些文件的权限，执行命令：

     chmod -R 755 public/
     chown -R www-data:www-data public/
     

内容的提问来源于stack exchange，提问作者CRS Squad