Laravel Vue - Как заставить Vue искать изображения в общей папке

Question

Я пытаюсь загрузить изображения из общей папки в компонентах vue. Помощник по активам не работает в vue, поэтому мне нужно использовать формат

<img :src="'img/ic_add-sm.svg'" >

Но вместо поиска изображений в общей папке vue добавляет текущий URL к пути к изображению. Например, если URL-адрес www.example.com/posts

он добавляет www.example.com/posts/img/ic_add-sm.svg вместо www.example.com/img/ic_add-sm.svg

Answer 1

Добавьте косую черту в начало вашего изображения.

<img :src="'/img/ic_add-sm.svg'">

Поскольку вы, кажется, не делаете ничего особенного, вы можете просто использовать

<img src="/img/ic_add-sm.svg">

Answer 2

Сначала привяжите значение источника изображения

      <img :src="getPhoto() + variableName" />

Затем создайте функцию в разделе ваших методов и просто верните расположение каталога, вот и все.

      getPhoto(){
   
  return 'images/';

}

1. Обратите внимание, что вы не можете объявить местоположение каталога непосредственно в атрибуте :src.