You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

生产环境Laravel Livewire文件上传出现Mixed Content混合内容错误如何解决

Laravel Livewire上传文件Mixed Content混合内容错误解决方案

该错误本质是Livewire内部生成的上传接口URL使用了HTTP协议,与当前页面的HTTPS协议不匹配。核心原因是Laravel应用未正确识别到当前请求实际运行在HTTPS环境下,通常出现在使用反向代理(如Nginx、云服务商负载均衡)的部署场景中。你之前替换asset()为secure_asset()、route()为secure_url()只解决了手动生成的链接问题,Livewire的上传路由是内部自动生成的,不受手动修改的影响,因此需要从全局URL生成逻辑层面调整,具体方案如下:

  • 方案1:强制Laravel全局生成HTTPS链接
    打开app/Providers/AppServiceProvider.php文件,在boot方法中添加强制HTTPS配置:
use Illuminate\Support\Facades\URL;

public function boot()
{
    // 生产环境强制使用HTTPS生成所有URL
    if (config('app.env') === 'production') {
        URL::forceScheme('https');
    }
}
  • 方案2:配置可信代理(反向代理部署场景必须配置)
    如果你的DigitalOcean实例前配置了负载均衡、CDN等反向代理,需要打开app/Http/Middleware/TrustProxies.php,修改配置允许代理传递HTTPS标识:
// 允许所有可信代理,也可以填写具体的代理IP段
protected $proxies = '*';

// 保留默认的代理头配置即可
protected $headers =
    Request::HEADER_X_FORWARDED_FOR |
    Request::HEADER_X_FORWARDED_HOST |
    Request::HEADER_X_FORWARDED_PORT |
    Request::HEADER_X_FORWARDED_PROTO |
    Request::HEADER_X_FORWARDED_AWS_ELB;
  • 方案3:显式配置Livewire资源前缀
    如果前两个方案未生效,可以在.env文件中添加Livewire专属的HTTPS资源配置:
APP_URL=https://intake.freejiji.ca
LIVEWIRE_ASSET_URL=https://intake.freejiji.ca
  • 生效操作
    配置完成后执行以下命令清理Laravel缓存:
php artisan config:clear
php artisan route:clear
php artisan view:clear

清理浏览器缓存后重新测试文件上传即可。

内容的提问来源于stack exchange,提问作者fanpero87

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.14 01:42:01