Не удается загрузить изображение с весенней загрузкой тимелина

Question

Я очень новичок в весенней загрузке и следую Гуру весенних рамок учебник.

Мое простое приложение с весенней загрузкой успешно работает, и мой контроллер работает нормально. Я использовал тимилиф для показа html-страниц и использовал bootstrap css . Все отлично работает, кроме тега изображения, который есть у меня на одной из моих html-страниц. Thymeleaf показывает правильную страницу, когда я запускаю приложение, но изображение не показывается. Я гуглил об этом и помещал свои изображения в /resources/static/images. Это структура моего проекта:

Я также скопировал одно и то же изображение в каталог шаблонов и использовал оба файла, но ни один из них не может быть загружен.

Это мой HTML-файл:

И вот что я получаю при запуске приложения:

404 не найдена ошибка:

Может кто-нибудь сказать мне, что мне не хватает?

Answer 1

В теге img атрибут th: значение src указывает на неверный путь, он должен быть th:src="@{images/pirates.jpg}" вместо th:src="@{../static/images/pirates.jpg}"

<img src="../static/images/pirates.jpg" width="1000"
             th:src="@{images/pirates.jpg}"/>

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

Answer 2

Попробуйте изменить на

<img src="../static/images/pirate.jpg" width="1000" th:src="@{images/pirate.jpg}"/>