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

Cloudflare Wrangler配置后图片加载失败(404)求助

Wrangler站点配置下图片404问题排查方案
  • 检查Wrangler的文件包含规则
    Wrangler默认不会自动包含所有文件到部署包,需确认wrangler.toml中的include/exclude配置。若存在exclude规则,确保未排除.jpg等图片后缀;可添加明确的包含规则:

    [site]
    bucket = "."
    include = ["*.js", "*.jpg", "*.html"] # 按需添加需要部署的文件类型
    
  • 验证本地文件路径与大小写
    确认本地根目录下确实存在icon-192.jpg,注意文件名大小写严格匹配——Cloudflare Pages区分大小写,文件名或后缀的大小写差异会导致404。

  • 升级Wrangler并清除缓存
    旧版本Wrangler可能存在文件处理bug,先升级到最新版:

    npm install -g wrangler
    

    部署后若仍404,尝试用浏览器无痕模式访问,或在Cloudflare控制面板清除对应域名的缓存。

  • 查看部署日志确认文件上传状态
    执行wrangler publish后,查看终端部署日志,确认icon-192.jpg是否被列为上传文件。若日志中无该文件,说明Wrangler未识别到它,需调整include规则。

  • 修正HTML中的图片路径
    若HTML文件不在站点根目录,相对路径icon-192.jpg会以HTML文件所在目录为基准查找,需改为绝对路径:

    <div class="login-icon">
        <img src="/icon-192.jpg" alt="App Icon" style="width: 64px; height: 64px;">
    </div>
    

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.11 21:42:06