java - 如何修复链接基址 "img/Yellow.svg"不能与上下文相关 (/) 或页面相关

Question

当我在 thymeleaf html 电子邮件模板中引用 images/Yellow.svg 时，出现 500 错误。我得到的错误如下:

There was an unexpected error (type=Internal Server Error, status=500). Link base "img/Yellow.svg" cannot be context relative (/) or page relative unless you implement the org.thymeleaf.context.IWebContext interface (context is of class: org.thymeleaf.context.Context) (../templates/create-account-email: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

我下载了 thymeleaf 示例项目 ( 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属性设置正确。