403 error when displaying user avatar from Firestore Google Sign-in

user_1644591 0
Viewed 807

In my Vue app I am using Firestore Authentication with Google Sign-in enabled. Once the user signs in, I receive some basic information including the photoURL. However, when I try to render it in a component, I am getting a 403 error.

Vuetify component:

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

Error:

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

I tried applying the solution of adding the referrerpolicy="no-referrer" attribute to the component, but it didn't work.

google-signin firebase-authentication vuetify.js vue.js
1 Answers

I think you have a little mistake in your solution. For noreferrer policy you must to try:

   rel="noreferrer"

Or:

   referrerpolicy="origin"
user_51549080
Related