生产环境Livewire.js报500错误（Nginx+RunCloud）求助

核心问题分析 #

请求/livewire/livewire.js时，Nginx未正确将请求转发给Laravel处理，反而返回HTML内容（通常是404页面或首页），导致后续的MIME类型错误和语法解析错误。

具体解决步骤 #

1. 修复Nginx路由重写规则 #

确保RunCloud的Nginx配置中，所有非静态文件请求都转发到index.php：

• 进入RunCloud站点的Nginx配置页面，找到location /块，确认包含以下规则：

  location / {
      try_files $uri $uri/ /index.php?$query_string;
  }
  

• 检查是否存在拦截/livewire/路径的额外规则（比如针对*.js的静态文件强制匹配），这类规则会导致动态生成的Livewire JS被错误当作静态文件处理，需移除或调整。

2. 修正asset_url配置 #

之前的配置导致路径重复，需调整为正确格式：

• 在.env文件中设置完整的资源URL：

  ASSET_URL=https://livedomain.com
  

• 清除配置缓存：

  php artisan config:clear
  

3. 重新发布Livewire资产（适配对应版本） #

根据你的Livewire版本执行正确的发布命令：

• Livewire v3：

  php artisan vendor:publish --force --tag=livewire:assets
  

• Livewire v2：

  php artisan livewire:publish --assets
  

• 若执行命令报错，先清除缓存再重试：

  php artisan cache:clear
  php artisan view:clear
  

4. 验证目录权限与根目录设置 #

• 确认RunCloud站点根目录已设置为项目的/public目录；
• 检查public/livewire目录（若已发布资产）的权限，确保所属用户为RunCloud的web服务器用户（通常为runcloud或www-data），目录权限设为755，文件权限设为644。

5. 调试请求与日志 #

• 直接访问https://livedomain.com/livewire/livewire.js，查看返回内容：若为Laravel 404页面，说明路由重写失效；若为首页HTML，说明Nginx未正确转发请求；
• 查看RunCloud站点的Nginx错误日志，定位/livewire/livewire.js相关的错误记录（如文件不存在、权限不足等）。

6. 恢复默认Nginx配置（若自定义配置导致问题） #

• 移除之前添加的自定义Nginx配置，恢复RunCloud默认的Laravel站点配置，再逐步调整；
• 确保Nginx的types配置中包含正确的JS MIME类型：application/javascript js;（RunCloud默认已配置，若被修改需恢复）。

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