Strapi 和 Nuxt/Vue 访问图像 URL答案

【问题标题】：Strapi and Nuxt/Vue Accessing Image URLStrapi 和 Nuxt/Vue 访问图像 URL
【发布时间】：2023-03-05 00:30:01
【问题描述】：

我目前的 strpi 模型低于 json。我有一个 feature_image 列，我在其中上传图像。

目前面临的问题是我无法访问图片网址。它说没有未定义的 url 属性。

我猜这是因为图像列不是一个对象，它充当普通字符串。

来自 Strapi 的 JSON：

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']

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

【问题讨论】：

【解决方案1】：

所以基本上它需要一个 if 条件，所以当它没有找到相应的标签时它不会失败。

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

【讨论】：

【解决方案2】：

可以从上面的 url 访问的 json 显示了一个帖子数组！所以我想在你的情况下，你将能够使用这个访问第一篇文章的图像：

post[0].post_featured_image.url

【讨论】：