如何将图像链接放在 nuxtjs 上的 json 文件中？

Posted 2023-02-22

【中文标题】如何将图像链接放在 nuxtjs 上的 json 文件中？

【英文标题】：how can i put image link in json file on nuxtjs?

【发布时间】：2020-12-22 16:36:12

【问题描述】：

我正在使用 nuxtjs，我的根目录中有一个 data.json 文件，我想在这个 JSON 文件中添加图片链接，但它不知道 t 这是我的代码：

  "id": 1,
    "cardImg": "./assets/images/image_1.jpg",
    "iconImg": "./assets/images/icon.png",
    "subjectCard": "back-end"
,

directory structure image

【问题讨论】：

iconImg有错别字，末尾多了一个右括号)

@djiss 谢谢，我编辑了，但问题的原因不是它

试试:src="require(@/assets/images/$item.cardImg)"，里面需要使用这个``

【参考方案1】：

几天前我找到了路：

这里是json文件的代码：

 
 "id": 1, "cardImg": "/image_1.jpg", "iconImg": "/icon.png", 
  "subjectCard":"back-end" 
  

这里是img标签的代码：

:src="require(`../assets/images$item.cardImg`)