Laravel Livewire 3.3在XAMPP部署时livewire.js加载404错误求助

• 发布Livewire资源
  执行命令php artisan livewire:publish --assets，确保Livewire的JS、CSS文件被发布到public/vendor/livewire目录。如果Laravel项目放在XAMPP的htdocs子目录下，要确认服务器根目录指向项目的public文件夹，否则资源路径会错误。

• 配置正确的应用根URL
  打开项目根目录的.env文件，设置APP_URL：

  • 若项目在htdocs子目录，设为APP_URL=http://localhost/your-project-name/public
  • 若配置了虚拟主机，设为APP_URL=http://your-local-domain
    错误的根URL会导致Livewire生成的资源路径无效。

• 检查视图中的Livewire指令
  在主布局文件（如resources/views/layouts/app.blade.php）中，确保正确引入Livewire的样式和脚本：

  • 将@livewireStyles放在<head>标签末尾
  • 将@livewireScripts放在</body>标签之前
    不要手动引入livewire.js，使用官方指令能自动适配路径。

• 清除各类缓存
  依次执行以下命令清除缓存：

  php artisan cache:clear
  php artisan config:clear
  php artisan view:clear
  php artisan livewire:clear
  

  同时清除浏览器缓存或使用无痕模式测试，避免旧缓存干扰。

• 验证Apache重写规则
  确认项目public目录下的.htaccess文件包含正确的重写规则（如默认的Laravel规则），并且XAMPP的Apache已开启mod_rewrite模块：

  1. 打开XAMPP的httpd.conf文件
  2. 找到#LoadModule rewrite_module modules/mod_rewrite.so，删除开头的#
  3. 重启Apache服务

内容的提问来源于stack exchange，提问作者Melvin Malaya