Strapi 和 Nuxt/Vue 访问图像 URL
2019-08-09
1763
我目前从 strapi 模型中获取以下 json。我有一个 featured_image 列，我在其中上传图片。
目前面临的问题是我无法访问图片 url。它说没有未定义的 url 属性。
我猜这是因为图像列不是一个对象，它充当普通字符串。
来自 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']
像这样我尝试了几种方法仍然无法获取图像网址以使其正常工作
2个回答
从上面的 URL 可访问的 json 显示了帖子数组！ 所以我猜，在你的情况下，你将能够使用这个来访问第一篇帖子的图像：
post[0].post_featured_image.url
lafeuille
2019-08-09
因此基本上它需要一个 if 条件，这样当它找不到相应的标签时它就不会失败。
<v-responsive v-if="post.post_featured_image">
<v-img :src="post.post_featured_image.url"></v-img>
</v-responsive>
just10minutes
2019-08-09