返回

图片访问出现403的应对方法

前端

当您在访问图片时遇到403错误时,这意味着您没有访问该图片的权限。这可能是由多种原因造成的,包括:

  • 服务器权限设置不当
  • 您未向浏览器发送正确的请求头
  • 防火墙或代理服务器阻止了您的访问请求

使用 images.weserv.nl 方案

images.weserv.nl是一个免费的图片代理服务,可以帮助您绕过图片403错误。要使用此服务,只需在图片URL前添加images.weserv.nl即可。例如,如果要访问图片https://example.com/image.png,只需在浏览器中输入以下URL即可:

https://images.weserv.nl/?url=https://example.com/image.png

images.weserv.nl只能显示静态图片,它不支持动态图片。

使用 no-referrer 方案

no-referrer是一个HTTP请求头,可以阻止浏览器发送referrer信息。referrer信息是浏览器发送给服务器的请求来源信息,通常包括您访问的页面URL。在某些情况下,服务器可能会使用referrer信息来阻止您访问图片。要使用 no-referrer 请求头,您可以在浏览器的开发者工具中进行设置。

在 Chrome 浏览器中设置 no-referrer 请求头:

  1. 打开 Chrome 浏览器,并导航至您要访问的图片所在的页面。
  2. 右键单击图片,然后选择“检查”。
  3. 在打开的开发人员工具窗口中,单击“网络”选项卡。
  4. 在“网络”选项卡中,找到您要访问的图片的请求。
  5. 右键单击该请求,然后选择“编辑请求头”。
  6. 在“请求头”对话框中,添加一个新的请求头,名称为“Referer”,值为空。
  7. 单击“保存”按钮。

在 Firefox 浏览器中设置 no-referrer 请求头:

  1. 打开 Firefox 浏览器,并导航至您要访问的图片所在的页面。
  2. 右键单击图片,然后选择“检查元素”。
  3. 在打开的开发人员工具窗口中,单击“网络”选项卡。
  4. 在“网络”选项卡中,找到您要访问的图片的请求。
  5. 右键单击该请求,然后选择“复制请求头”。
  6. 在文本编辑器中打开一个新文件,然后将复制的请求头粘贴到其中。
  7. 在请求头中找到“Referer”字段,并将其值替换为空。
  8. 保存该文件。
  9. 在浏览器的地址栏中,输入about:config。
  10. 在过滤器中输入network.http.referer.XOriginPolicy。
  11. 双击network.http.referer.XOriginPolicy,将其值设置为2。

重新加载浏览器,然后尝试访问图片。您应该能够看到图片,而不会遇到403错误。