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
相关产品推荐
相关产品推荐

