vue-instagram: изображения отображаются в виде значков, даже если src / url указан правильно

Question

Я использую компонент vue-instagram для отображения изображений из своей учетной записи instagram. URL-адреса верны (когда я проверяю элемент и открываю URL-адрес в новой вкладке, изображение отображается ...), ноон отображается только в виде значка (см. изображение ниже) ..

Вот мой код: (пример из примера):

<template>
<vue-instagram token="209161622.1677ed0.cd18b9a41f0c4a53b646b8f012f465ab" :count="5" mediaType="image">
    <template slot="feeds" slot-scope="props">
        <!-- <li class="fancy-list"> {{ props.feed.link }} </li> -->
        <img :src="props.feed.link" />

    </template>
    <template slot="error" slot-scope="props">
        <div class="fancy-alert"> {{ props.error.error_message }} </div>
    </template>
</vue-instagram>

import VueInstagram from 'vue-instagram'

export default {
components: {
    VueInstagram,
    }
}
</script>

Как высм. изображение ниже, оно отображает только значок, а не само изображение:

Вот представленный HTML:

Есть идеи, что я здесь не так делаю?

Answer 1

Ваши ссылки на пост (HTML-страницу), а не непосредственно на изображение, поэтому они не могут отображаться в виде изображений.

Похоже, что вы просматриваете страницу Github компонента Вы хотите

<img :src="props.feed.images.low_resolution.url" alt="Image">