Imgur 图片返回 403

Question

我一直在制作一个 React 应用程序，最近每当我尝试像这样从 imgur 访问图像时

this.setState({
  imgUrl: `https://i.imgur.com/${this.props.image.id}b.png`,
  imgBigUrl: `https://i.imgur.com/${this.props.image.id}l.png`
});

它被渲染成这样

<img src={this.state.imgUrl}/>

但是我一直都是403 forbidden，但是用postman或者浏览器访问就没问题。我还通过传入相册 url 来访问 API，比如

https://imgur.com/gallery/zrUFj

并从那里获取所有图像以显示在应用程序中（我收到 403 错误）

我不确定我哪里做错了，我也尝试为 API 授权获取一个新的客户端 ID，但仍然没有用。有人有什么建议吗？

Answer 1

Imgur 的 CDN 似乎限制从 127.0.0.1 引荐来源网址访问图像。这已作为一个问题（服务器配置问题）报告给他们。

同时尝试将您的开发服务器主机从 127.0.0.1 更改为 localhost 或者您的真实 IP 地址。

Answer 2

请注意，解决此问题的一种快速而巧妙的方法是通过 <meta> 标记简单地删除引用 header：

<!DOCTYPE html>
<html>
<head>
  <meta name="referrer" content="no-referrer">
</head>
<body>
  ...
</body>
</html>

或在您的 fetch:

await fetch("https://i.imgur.com/iie9XhM.jpg", {referrer:""})

或（如@Theblockbuster1 所述）在 img 标签中：

<img src="https://i.imgur.com/iie9XhM.jpg" referrerpolicy="no-referrer">

Imgur images returning 403