Question

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

发生意外错误（类型=内部服务器错误，状态= 500）。除非实现org.thymeleaf.context.IWebContext接口（上下文属于类：org.thymeleaf.context.Context）（../ templates），否则链接库“ img / Yellow.svg”不能与上下文相关（/）或与页面相关。 / 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

我下载了百里香叶示例项目（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属性。

如何修复链接库“ img / Yellow.svg”不能与上下文相关（/）或与页面相关

1 个答案: