vue-instagram：即使src / url正确，图像也显示为图标

Question

我正在使用vue-instagram组件显示我自己的instagram帐户中的图像。 该网址是正确的（当我检查元素并在新标签页中打开该网址时，该图片会显示出来...），但它仅显示为一个图标（请参见下图）。

这是我的代码：（示例中的样板）：

<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页面）的，而不是直接到图像的，因此它们不能显示为图像。

似乎在component's Github page周围窥探了

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