从 Firestore Google 登录显示用户头像时出现 403 错误

Question

在我的 Vue 应用程序中，我使用 Firestore 身份验证并启用了 Google 登录。用户登录后，我会收到一些基本信息，包括photoURL. 但是，当我尝试在组件中渲染它时，出现 403 错误。

Vuetify 组件：

<v-img :src="user.photoURL" /> <!-- https://lh3.googleusercontent.com/a-/xxxxxxxxxxxxx -->

错误：

GET https://lh3.googleusercontent.com/a-/xxxxxxxxxxxxx 403

我尝试应用向组件添加属性的解决方案referrerpolicy="no-referrer"，但它不起作用。

Answer 1

我认为你的解决方案有一点错误。对于 noreferrer 政策，您必须尝试：

   rel="noreferrer"

或者：

   referrerpolicy="origin"