网站图片链接为何在新浏览器中显示404错误？

您在访问一个壁纸网站时遇到一个问题：在浏览器中右键“在新标签页中打开图片”可以正常显示图片，但是复制图片链接到另一个浏览器打开却显示404错误。这并非网站本身图片不存在，而是网站使用了简单的防盗链机制。

问题的核心在于网站服务器对请求的来源进行了校验。当您在同一浏览器中右键打开图片时，浏览器会自动携带referer头信息，该信息告知服务器请求来自哪个页面。服务器检查referer头，确认请求来自其自身网站后，才允许访问图片。

然而，当您复制链接到另一个浏览器直接打开时，浏览器默认情况下不会携带referer头，或者携带的referer头信息与网站不符，因此服务器拒绝访问，返回404错误。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

解决方法是模拟携带正确的referer头信息进行请求。例如，使用curl命令，可以指定referer头：

$ curl -sI -e 'https://www.playke.com/xiezhen/mzsock/48884.html' https://www.playke.com/wp-content/uploads/2022/07/e7711-02111148847.jpg
HTTP/2 200
server: nginx
date: Sun, 31 Jul 2022 02:17:07 GMT
content-type: image/jpeg
content-length: 126522
last-modified: Wed, 27 Jul 2022 12:32:53 GMT
etag: "62e13075-1ee3a"
expires: Tue, 30 Aug 2022 02:17:07 GMT
cache-control: max-age=2592000
strict-transport-security: max-age=31536000
accept-ranges: bytes

上述命令中，-e 'https://www.playke.com/xiezhen/mzsock/48884.html' 指定了referer头，告知服务器请求来自该页面。通过添加正确的referer头，服务器就能识别请求的合法性，从而返回图片。 这解释了为什么直接复制链接在新浏览器中会显示404错误。