err_blocked_by_client错误表明图片请求被浏览器扩展主动拦截，非网络或服务器问题；解决步骤包括：一、用无痕模式验证是否为扩展导致；二、通过network面板定位拦截插件；三、临时暂停对应扩展或添加域名白名单；四、重命名含敏感词的图片文件。
谷歌浏览器加载图片时提示 ERR_BLOCKED_BY_CLIENT，说明图片请求被本地扩展程序主动拦截，不是网络或服务器问题，也不是图片地址写错了——哪怕你点开报错链接能直接看到图，它照样不显示。
确认是不是广告插件在拦
第一步：按 Ctrl+Shift+N 打开无痕窗口 → 在无痕页里访问同一网址 → 观察图片是否正常显示。
如果无痕模式下图片出来了，那 100% 是某个已安装的扩展在作祟，不用查服务器、不用改后端代码，直接回头处理插件。
第二步：回到普通窗口，按 Ctrl+Shift+I 打开开发者工具 → 切到 Network 标签页 → 刷新页面 → 找到状态为 ERR_BLOCKED_BY_CLIENT 的图片请求 → 点击它 → 查看 Headers 里的 Initiator 列，往往能看到是哪个扩展注入的脚本触发了这次请求（比如 uBlock Origin 或 AdGuard）。
这一步很关键：不是所有拦截都来自“广告拦截器”，有些隐私类插件（如 Privacy Badger）、甚至某些自动填充工具也会误判静态资源路径为追踪行为并拦截。
临时禁用对应插件
方法一：点击浏览器右上角扩展图标区域 → 找到名称含 ad、block、guard、filter 的插件 → 右键 → 选择“在此网站暂停”或“禁用此网站上的扩展”。
方法二：地址栏右侧点击该插件图标 → 弹出菜单中选“暂停在当前网站上运行” → 刷新页面验证。
【注意】不要直接删插件，先暂停；很多插件一旦卸载会清空白名单和自定义规则，重装后还得重新配。
给当前网站加白名单
如果你不想关掉广告拦截器（比如日常浏览需要它），就只对开发/测试域名放行：
① 点击 uBlock Origin 图标 → 按 Ctrl+Shift+U 打开弹窗面板 → 切到“我的过滤器”标签页；
② 在输入框粘贴：@@||localhost^$domain=your-site.com（把 your-site.com 替换成你实际访问的域名，如 dev.local 或 127.0.0.1:3000）；
③ 点击“应用更改” → 刷新页面。
这条规则的意思是：允许该域名下所有请求通过，且只对这个域名生效，不影响其他网站的拦截效果。
检查图片文件名是否触发了关键词拦截
方法一：打开控制台 Network 面板 → 找到报错的图片请求 → 看它的 URL 路径里有没有 ad_、tanchuang、guanggao、pop、modal、banner 这类词；
方法二：把这类文件重命名，比如 ad_banner.jpg 改成 site_header.jpg，同时更新 HTML 或 JS 中对应的引用路径。
广告拦截插件的过滤规则是基于字符串匹配的，不是靠内容识别。哪怕你这张图是公司 logo，只要文件名带 ad_，它就进黑名单。
