图片无法显示是因源站反爬或CORS限制；需依次验证URL可访问性、调整Referer策略、部署代理中转、启用CORS代理、检查SearXNG返回的URL合法性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Perplexity中发起含图像请求的搜索，但结果区域仅显示占位符或空白卡片，而无实际图片渲染，则很可能是图片源站启用了反爬机制或CORS策略限制导致资源被浏览器拦截。以下是针对性排查与修复步骤：
一、验证图片URL是否被源站主动屏蔽
部分图片托管服务（如某些CDN或图床）会校验Referer、User-Agent或请求频率，对非白名单来源返回403或空响应，造成前端无法加载。需确认原始图片链接是否可在独立标签页中正常访问。
1、右键点击Perplexity响应区中“破碎图像”占位符，选择“检查”打开开发者工具。
2、在Elements面板中定位到标签，复制其src属性值。
3、在新浏览器标签页中粘贴该URL并回车，观察是否返回图片、403错误或跳转至登录页。
4、若页面显示403 Forbidden或空白，说明源站已拒绝该请求，需绕过Referer校验或模拟合法UA。
二、修改浏览器Referer策略以匹配源站要求
许多图片服务器依赖Referer头判断请求合法性；若Perplexity前端发起请求时Referer为空或被截断，源站可能直接拒绝响应。Firefox与Chrome均提供配置项用于调整跨源Referer发送行为。
1、在Firefox地址栏输入about:config，回车后点击“接受风险并继续”。
2、搜索network.http.referer.XOriginPolicy，双击将其值由0改为1。
3、再搜索network.http.referer.XOriginTrimming，确保其值为false。
4、关闭about:config页，重启Firefox，重新触发Perplexity图像请求。
5、若使用Chrome/Edge，需通过chrome://flags/#reduced-referrer-granularity设为Disabled，并重启浏览器。
三、注入代理中转请求规避源站直连限制
当源站严格校验客户端IP、TLS指纹或HTTP/2特征时，直接请求难以绕过。可部署轻量反向代理（如Nginx或Cloudflare Worker），将图片URL重写为代理路径，使浏览器向代理发起请求，再由代理携带完整Header转发至源站。
1、准备一个可用的Cloudflare Worker脚本，内容包含fetch目标图片URL并设置headers: {'Origin': 'https://perplexity.ai', 'Referer': 'https://perplexity.ai/'}
2、将Perplexity响应中的原始img src替换为Worker代理地址，例如https://your-worker.abc.workers.dev/?url=https%3A%2F%2Fexample.com%2Fimg.png
3、在浏览器控制台执行document.querySelectorAll('img').forEach(img => { if (img.src.includes('example.com')) img.src = 'https://your-worker.abc.workers.dev/?url=' + encodeURIComponent(img.src); });
4、该方法可有效隐藏真实请求来源，且无需修改Perplexity前端代码。
四、强制启用CORS代理头欺骗浏览器安全策略
若图片资源本身支持CORS但未正确声明Access-Control-Allow-Origin，浏览器将阻止JavaScript读取其内容（影响Canvas操作或缩略图生成）。此时可借助本地CORS代理服务，在响应头中注入允许字段，使浏览器认为该资源符合同源策略要求。
1、启动本地CORS代理服务，例如使用cors-anywhere：npx cors-anywhere --port 8080
2、在开发者工具Console中执行：fetch('http://localhost:8080/https://target-img-host.com/photo.jpg').then(r => r.blob()).then(b => URL.createObjectURL(b)).then(u => { const i = document.createElement('img'); i.src = u; document.body.appendChild(i); });
3、确认图片是否成功插入页面DOM并可见。
4、若可见，说明问题确系CORS缺失所致，后续可将Perplexity的图片请求统一经由此类代理中转。
五、检查SearXNG后端返回的图片URL协议与路径合法性
Perplexity依赖SearXNG作为搜索网关，其返回的图片URL若含相对路径、协议缺失（如//example.com/img.jpg）、或指向已失效子域名，均会导致浏览器解析失败。需确认SearXNG响应体中image字段是否为完整、可访问的绝对URL。
1、打开searxng/settings.yml，确认result_proxy设置为enabled且proxy_url指向有效服务。
2、在浏览器中手动访问SearXNG实例，输入相同关键词，查看API响应JSON中的results数组内每个item的img字段值。
3、逐个验证这些img字段是否以http://或https://开头，且能被curl -I命令返回200或302状态码。
4、发现协议缺失或404路径时，应修正SearXNG的result_filter或启用内置图片代理模块。
