WordPress站引入外部URL图片显示破裂报403错误如何解决

你遇到的是典型的第三方站点防盗链校验拦截问题：

• 直接在新标签页打开图片时，请求的Referer请求头为空/为图片站点自身域名，符合对方的访问规则，因此可以正常加载
• 图片嵌入到你的站点页面后，浏览器发起图片请求时会自动在Referer头中携带你的站点域名，对方站点校验发现来源不在白名单内，直接返回403拒绝访问

方案1：配置不发送Referer请求头（成本最低，优先尝试） #

有两种配置方式：

1. 单图片配置：直接给img标签添加referrerpolicy属性，指定不发送Referer
   修改后的代码示例：

<img class="lazy loading" src="https://i.xcafe.com/videos_screenshots/82000/82577/300x170/8.jpg" data-was-processed="true" referrerpolicy="no-referrer">

2. 全局配置：在页面的<head>标签中添加meta标签，让全站所有资源请求都不发送Referer

<meta name="referrer" content="no-referrer">

方案2：服务端反向代理中转 #

如果方案1失效（对方站点有额外的UA、Cookie等校验规则），可以用你的后端服务做中转请求：

1. 开发一个图片中转接口，接收目标图片URL作为参数
2. 服务端发起请求拉取第三方图片，再将图片资源返回给前端
3. 前端img标签的src填自己的中转接口地址
   简单PHP中转示例：

<?php
// proxy_image.php
$imgUrl = $_GET['url'];
// 这里加URL白名单校验，避免被恶意滥用
$imgInfo = get_headers($imgUrl, 1);
header('Content-Type: '.$imgInfo['Content-Type']);
echo file_get_contents($imgUrl);
?>

前端调用方式：

<img src="/proxy_image.php?url=<?php echo urlencode(get_post_meta( $post->ID , 'thumbnail_url', true )); ?>">

方案3：本地化存储（最稳定） #

如果是长期业务需求，建议提前将授权使用的第三方图片下载到自有服务器/对象存储服务中，使用自有资源地址访问。该方案不受第三方站点规则变更影响，同时也不会占用第三方站点带宽，避免版权或资源使用纠纷。

注意：使用第三方站点图片前请确认你已获得对应资源的使用授权，避免侵权风险。

内容的提问来源于stack exchange，提问作者jacklie