Laravel Horizon页面CSS/JS资源加载失败求助

• 重新发布Horizon前端资源
  Horizon的静态资源需要发布到public目录才能被正确访问，执行以下命令完成发布：
  php artisan vendor:publish --provider="Laravel\Horizon\HorizonServiceProvider"
  执行后检查public/vendor/horizon目录下是否存在css和js文件夹及对应资源文件。

• 调整Laravel Mix编译配置
  由于你使用的Laravel Mix 4.0.7与Horizon 5.14的资源适配存在差异，需要手动在webpack.mix.js中添加Horizon资源的编译规则：

  mix.js('node_modules/laravel-horizon/dist/js/horizon.js', 'public/js')
     .sass('node_modules/laravel-horizon/dist/sass/horizon.scss', 'public/css');
  

  保存配置后重新执行编译命令：
  npm run dev 或 npm run build
  编译完成后确认public/js/horizon.js和public/css/horizon.css已生成。

• 清除各类缓存
  缓存可能导致资源路径不生效，执行以下命令清理缓存：
  php artisan cache:clear
php artisan config:clear
php artisan view:clear

• 验证APP_URL配置
  检查.env文件中的APP_URL是否与当前访问地址一致，例如本地开发环境应为APP_URL=http://localhost:8000，错误的URL会导致资源加载路径错误。

• 排查资源请求路径
  打开浏览器开发者工具（F12），切换到「网络」标签页，查看加载失败的CSS/JS资源的请求路径，确认路径对应的文件是否存在于public目录中，根据实际情况调整资源引用或文件位置。

内容的提问来源于stack exchange，提问作者Sacha Durand