Правильный способ ссылки на изображения внутри vue компонента в laravel

Question

У меня есть Vue компонент внутри resources / js / components в моем laravel проекте, и я пытаюсь сослаться на статическое c изображение, но я не могу его правильно понять.

Я попытался поместить это изображение в мой public / imgs путь и попробовал следующий код в моем vue компоненте, но ни один не работал:

<img src="imgs/sample.jpg">
<img :src="require('imgs/sample.jpg')">

Я попытался разместить он находится в другом месте - resources / imgs - но он также не работает:

<img src="../imgs/sample.jpg">
<img :src="require('../imgs/sample.jpg')">

Как правильно ссылаться на это изображение stati c?

Answer 1

Если указано c ссылка на изображение, Вы можете ссылаться на изображения напрямую, используя '@'

Пример:

<img src="@/assets/images/home.png"/>

Answer 2

Код, который я разместил выше, на самом деле является правильным способом ссылки на изображения внутри vue компонентов

<img src="imgs/sample.jpg">

То, что я ошибся, было именем папки, содержащей пробел . Вместо просто «imgs» имя папки было «imgs»