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

您的链接指向 post（一个 HTML 页面），而不是直接指向图像，因此它们不能显示为图像。

从 component's Github page 窥探，看来你想要

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

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

vue-instagram : images showing as icons, even though src/url is correct

vue.js

instagram-api

vue-component

vuejs2