Ошибка загрузки изображения - загрузка миниатюр Google - PullRequest
Новая
       4

Ошибка загрузки изображения - загрузка миниатюр Google

0 голосов
/ 12 марта 2020

У меня раньше была похожая проблема с локальными активами изображений, которые я загружал. Эта проблема была решена в соответствии с предложением здесь .

Теперь у меня есть похожая проблема, но вместо этого при загрузке изображений из Интернета, точнее при попытке загрузки миниатюрных изображений Google.

В консоли появляется следующее сообщение об ошибке: 

[Vuetify] Image load failed

 src: https://example.com/WZc5zlE...

 found in
 ...

Код состояния из запроса HTTPS - 403 (запрещено):

enter image description here Однако если я скопирую URL из сообщения об ошибке на другую вкладку в браузере, изображение загрузится нормально. Может ли это быть как-то связано с реферером?

Ошибка также появляется и уходит, иногда она нормально работает, чтобы загрузить их, иногда нет. Обычно, если я загрузил изображение вручную на вкладке браузера, это указание c изображения будет загружаться и на мою страницу в следующий раз.

Моя реализация: 

<template>
  <v-img v-bind:src="getThumbNailSource()" max-height="100px" max-width="100px" contain></v-img>
</template>

<script>
  export default {
  data() {
    return {
      url: "https://example.com/WZc5zlE..."
    };
  },
   methods: {
      getThumbNailSource() {
         return `${this.url}`;
      }
   }
};
</script>

Область действия Google Диска: https://www.googleapis.com/auth/drive

Браузер: Chrome (получил то же поведение в firefox)

1 Ответ

0 голосов
/ 23 марта 2020

Справка по настройке referrerpolicy = "no-referrer". 

   <img
      referrerpolicy="no-referrer"
      v-bind:src="getThumbNailSource()"
      max-height="100px"
      max-width="100px"
      contain
    />
...