javascript - HTTP :403 forbidden error when trying to load img src with google profile pic

Question

大家好，我正在尝试在我的网站和其他网站中加载 google 个人资料图片

我已经做了

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

当我使用 google 登录并将图像 url 保存到数据库时，但是当我尝试将其放入 img 标签的 scr 中时

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

我有时会收到 403 forbidden 错误，但有时它会起作用这是一个示例链接，我正在使用存储在数据库中的链接，只是稍作改动

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

所以我只是想知道我是否正确地获取了个人资料图像，以及它是否也适用于同一页面上的其他用户

Answer 1

使用 referrerpolicy="no-referrer"似乎有帮助。虽然它在本地主机应用程序中不起作用(在我添加此属性之前)，但在其自己的选项卡中加载图像时它始终如一地工作。请求 header 中的差异之一是缺少 referer。