http:403尝试使用google个人资料pic加载img src时出现禁止错误

Question

大家好我想在我的网站和其他网站上加载谷歌个人资料图片

我已经做好了

var profile = googleUser.getBasicProfile();
profile.getImageUrl()

当我使用谷歌登录并将图像网址保存到数据库但是当我尝试将其放入img标记的scr时就像这样

var img = document.createElement("img");
img.src = image;
img.alt = "image";
img.style.float = "left";
divn.appendChild(img);

我有时会得到403禁止错误,但有时它在这里工作的是一个示例链接,我正在使用存储在数据库中的一个只是改变了一点

https://lh4.googleusercontent.com/-OmV9386WzGk/AAAAFFFFAAI/AAAAAAAACpc/BEtVNh85tnk/s96-c/photo.jpg

所以我只是想知道我是否正确地获取了个人资料图片,而且其他用户也在同一页面上

Answer 1

添加referrerpolicy="no-referrer"属性

<img src="your-google-link-here" referrerpolicy="no-referrer"/>

Answer 2

使用referrerpolicy="no-referrer"似乎有帮助。虽然它在 localhost 应用程序中不起作用（在我添加此属性之前），但在其自己的选项卡中加载图像时，它始终如一地工作。请求标头的区别之一是没有referer.

REACT 用户注意：您需要对属性名称进行驼峰式命名：`referrerPolicy="no-referrer"` (16认同)
如果单击答案中的链接，则会转到 IMG 元素的属性列表。只需将 `referrerpolicy="no-referrer"` 添加到使用 googleusercontent.com 的图片元素中 (11认同)
我有同样的问题。在我的代码中，我实际上在哪里“使用”referrerpolicy="no-referrer" ？我在反应中使用 firebase 通过谷歌登录进行登录。感谢您对此的任何帮助！ (4认同)