Angular 加载资源失败：服务器响应状态为403

我正在使用来自的Firestorage/Firebase教程项目。 项目描述如下所示

它似乎设计得很好，所以我想问题在于我自己的无知

使用我的GMail凭据登录后，我遇到以下错误，并且我的化身图像未显示：

Initiator: platform-browser.js:1213
GET https://lh5.googleusercontent.com/-vz7Fxnqe9Mo/AAAAAAAAAAI/AAAAAAAAAAA/AMZuucnJJZ_Itph8fgRsQrR9saxjY1RytQ/s96-c/photo.jpg
Error 403

当我想显示用户的GMail头像时，就会发生这种情况

我甚至可以在匿名浏览器窗口中导航到此图像，所以我不明白为什么我的应用程序不能显示它

我认为这与Firestorage无关，但我还是会在这里发布我的Firestorage规则：

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if true;
    }
  }
}

我在本地运行这个项目http://localhost:4200/

在Firebase中，我在授权域列表中有“localhost”

---

我可以检查什么来追踪问题？

本地主机在这里似乎不起作用

一旦部署到我的服务器上，它就可以正常工作了

不过，如果能知道问题出在哪里就好了