как я могу поместить ссылку на изображение в файл json на nuxtjs?

Я использую nuxtjs, и у меня есть файл data.json в моем корневом каталоге, и я хочу добавить ссылку на изображение в этот файл JSON, но он не знает об этом
здесь мой код:

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

изображение структуры каталогов


json vue.js nuxtjs
person Mohammad    schedule 03.09.2020    source источник
comment
в iconImg есть опечатка, в конце есть лишняя закрывающая скобка )   -  person jcoleau    schedule 03.09.2020
comment
@djiss спасибо, редактировал, но проблема не в этом   -  person Mohammad    schedule 03.09.2020
comment
попробуйте :src="require(@/assets/images/${item.cardImg})", внутри требуется использовать этот ``   -  person Sowmyadhar Gourishetty    schedule 03.09.2020

Ответы (1)


arrow_upward
2
arrow_downward

Я нашел способ несколько дней назад:

вот коды файла json:

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

и вот коды для тега img:

:src="require(`../assets/images${item.cardImg}`)
person Mohammad    schedule 14.09.2020