Strapi和Nuxt / Vue访问图像URL

Question

我目前正在从我的bandi模型中获取json以下的内容。我有一个上载图片的Featured_image列。

当前面临的问题是我无法访问图像URL。它说没有未定义的url属性。

我想发生这种情况是因为image列不是它充当普通字符串的对象。

来自Strapi的Json：

https://api.myjson.com/bins/1fgx71 要么 http://myjson.com/1fgx71

Nuxt代码：

  <v-img :src="post.post_featured_image"></v-img>

我被困在这里。

这确实具有与图像有关的所有元素，但是我无法从中获取URL。尝试过以下方法。

post.post_featured_image.url
post.post_featured_image['url']
post.post_featured_image[0].url
post.post_featured_image[0]['url']

像我尝试过的几件事一样，我无法获取图片网址以使其正常工作

Answer 1

因此，基本上，它需要一个if条件，以便在找不到相应标签时不会失败。

<v-responsive v-if="post.post_featured_image">
   <v-img :src="post.post_featured_image.url"></v-img>
</v-responsive>

Answer 2

可以从上面的url访问的json显示了一系列帖子！ 因此，我想在您的情况下，您将可以使用以下方法访问第一篇文章的图像：

post[0].post_featured_image.url