Laravel 10图片加载异常及Filament/Livewire模态框失效问题求助

分步解决方案 #

一、优先采用XAMPP Apache托管项目（最稳定的解决方式） #

你已经在用XAMPP的MySQL，直接用Apache跑Laravel能避免大部分资源和路由问题：

1. 修改Apache配置
   • 打开XAMPP控制面板，点击Apache的Config→Apache (httpd.conf)
   • 找到DocumentRoot和<Directory>节点，替换为你的Laravel项目public目录的绝对路径，比如：

     DocumentRoot "D:/Projects/your-laravel-app/public"
     <Directory "D:/Projects/your-laravel-app/public">
         Options Indexes FollowSymLinks Includes ExecCGI
         AllowOverride All
         Require all granted
     </Directory>
     

   • 找到LoadModule rewrite_module modules/mod_rewrite.so，去掉前面的#号开启重写模块
   • 保存配置，重启XAMPP的Apache服务
2. 验证访问
   • 打开浏览器访问http://localhost，检查图片、assets资源是否正常加载，Filament的Livewire模态框能否正常打开

二、修复php artisan serve的资源加载问题 #

如果坚持用内置服务器，按以下步骤操作：

1. 重新创建Storage链接（需管理员权限）
   • 右键开始菜单，选择Windows PowerShell (管理员)
   • 进入你的Laravel项目根目录：cd D:/Projects/your-laravel-app
   • 删除旧的链接：Remove-Item public/storage -Force
   • 重新创建链接：php artisan storage:link
   • 确认public/storage是带箭头的符号链接（Windows下符号链接标识）
2. 配置.env文件
   • 打开项目根目录的.env文件，确保APP_URL=http://127.0.0.1:8000
   • 保存后执行缓存清除命令：

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

3. 检查目录权限
   • 右键Laravel项目根目录→属性→安全→编辑
   • 添加当前Windows用户，给予完全控制权限，点击确定应用

三、放弃php -S启动方式 #

php -S是简易静态文件服务器，无法处理Laravel的动态路由和Livewire的请求转发，完全不适合运行依赖Livewire的Filament项目，直接改用上述两种方式即可

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