Django应用img标签加载Instagram图片失效、直开链接正常问题排查

• 你遇到的net::ERR_BLOCKED_BY_RESPONSE报错，和URL签名过期无关，也不是Django本身的核心配置出错，触发原因是Instagram CDN 近期全量上线了跨域资源访问的安全策略
• 该策略会给所有从*.cdninstagram.com域名返回的图片资源，默认加上Cross-Origin-Resource-Policy: same-site响应头，规则要求只有Instagram同站点的页面，才能嵌入加载这部分资源；第三方站点如果直接把图片地址放到img标签中跨域引用，浏览器会直接拦截资源请求，不会将图片渲染到页面上。
• 这种故障的触发非常隐蔽：你不需要改任何代码或配置，Instagram在服务端更新策略后，所有站点的跨域图片嵌入都会同时失效，很容易让人误以为是自己的项目基础配置出了疏漏。
• 你测试直接点击链接能正常打开，是因为这类请求属于浏览器导航类请求，不受跨域嵌入资源的响应头规则约束，也刚好验证了URL本身没有过期失效。

最稳定、一劳永逸的解决方式是在你的Django服务上加一层图片中转代理，完全绕开浏览器的跨域拦截：

• 在Django路由中新增一个专门的图片代理接口，比如路径设为/proxy/ig-image/
• 接口逻辑接收前端传来的Instagram图片地址参数，在服务端发起请求拉取图片的二进制流，直接把响应透传回前端。因为拉取图片的请求是从你的Django服务发出的，不存在浏览器端的跨域加载行为，自然不会触发CORP策略拦截
• 最小可运行的视图实现参考：

import requests
from django.http import HttpResponse, Http404

def ig_image_proxy(request):
    target_url = request.GET.get("src", "")
    # 加域名白名单校验，避免接口被滥用成通用开放代理
    if "cdninstagram.com" not in target_url:
        raise Http404
    # 伪装成Instagram主站的请求头拉取资源，避免被CDN的反爬规则拦截
    image_resp = requests.get(
        target_url,
        headers={"Referer": "https://www.instagram.com/"},
        timeout=5
    )
    return HttpResponse(
        image_resp.content,
        content_type=image_resp.headers.get("Content-Type", "image/jpeg")
    )

• 前端页面的修改也非常简单：不要直接把Instagram返回的图片地址赋值给img标签的src，改成把原图片地址作为参数拼到你自己的代理接口路径后面即可，比如<img src="/proxy/ig-image/?src=原Instagram图片地址">

注意：不要尝试靠修改img标签的referrerpolicy、给图片加crossorigin属性这类前端操作解决问题，这类方式只能解决旧的跨域拦截场景，对当前Instagram CDN返回的CORP强制拦截无效，必须通过服务端中转才能彻底解决。

内容的提问来源于stack exchange，提问作者Ibrahim Samil Ceyisakar