Как исправить База ссылок "img / Yellow.svg" не может быть относительной по отношению к контексту (/) или относительной по отношению к странице

Question

Я получаю ошибку 500, когда ссылаюсь на images/Yellow.svg в своем html-шаблоне электронной почты thymeleaf. Я получаю следующую ошибку:

Произошла непредвиденная ошибка (тип = Внутренняя ошибка сервера, статус = 500). База ссылок "img / Yellow.svg" не может быть относительной по отношению к контексту (/) или относительной по отношению к странице, если вы не реализуете интерфейс org.thymeleaf.context.IWebContext (контекст имеет класс: org.thymeleaf.context.Context) (../templates / создать аккаунты-эл.адрес: 49)

Вот мой код для ссылки на изображение:

<img id="right-logo" src="../static/img/Yellow.svg" th:src="@{img/Yellow.svg}" alt="yellow logo"/>

Я пытался сделать следующее, но у меня это не сработало.

<img id="right-liberty-logo" src="../static/img/Yellow.svg" th:src="@{~img/Yellow.svg}" alt="yellow liberty logo"/>```

Answer 1

Я скачал пример проекта с чабрецом ( pet clinic ) и изменил pets.png изображение в файл svg, который я добавил в проект:

? src
  └─── ? main
      └─── ? webapp
          └─── ? resources
              └─── ? images
                  └─── test.svg

Все работало нормально. В файле welcome.html , где отображается это изображение, путь к файлу устанавливается следующим образом: <img src="../../resources/images/test.svg" th:src="@{/resources/images/test.svg}" /> Путь welcome.html :

? src
  └─── ? main
      └─── ? webapp
          └─── ? WEB-INF
              └─── ? thymeleaf
                  └─── welcome.html

Убедитесь, что атрибуты src и th:src установлены правильно.