时间戳

首页 > 解决方案 > 在 Vue 中显示来自 API 的图像

html - 在 Vue 中显示来自 API 的图像

问题描述

我使用 Strapi 作为 API 驱动的 CMS。我在 Strapi 上上传了一张图片，并将其拉到我的 Vue 应用程序中。Strapi 正在使用 Mongo。API 正在为图像返回这个：

{
   "related":[ "5sd8c393cc22cb0slf292c49"],
   "_id":"5ae2c295cc84cb0daa234d8e",
   "name":"imgName.jpg",
   "hash":"x34f780e5c678a7398d69b35e74f0c33",
   "ext":".jpg",
   "mime":"image/jpeg",
   "size":98.68,
   "url":"/uploads/b96g789e5c094a7398d84d94j74f0c96.jpg",
   "provider":"local",
   "createdAt":"2018-04-27T06:47:32.351Z",
   "updatedAt":"2018-04-27T06:47:32.356Z",
   "__v":0,
   "id":"5ae2c395bg54cb0ser292c4a"
}

如何在 Vue 上显示此图像？

标签： htmlimage-processingvue.jsstrapi

解决方案

推荐阅读