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

Posted 2023-02-26

【中文标题】如何修复链接库“img/Yellow.svg”不能是上下文相关（/）或页面相关

【英文标题】：How to fix Link base "img/Yellow.svg" cannot be context relative (/) or page relative

【发布时间】：2019-09-12 17:42:12

【问题描述】：

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

出现意外错误（类型=内部服务器错误，状态=500）。 除非您实现 org.thymeleaf.context.IWebContext 接口（上下文属于类：org.thymeleaf.context.Context）（../templates /create-account-email:49)

这是我引用图像的代码：

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

我尝试执行以下操作，但对我不起作用。

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

【问题讨论】：

不要在工作中扔扳手，但 svg 在电子邮件客户端中没有很好的支持。 support for svg

【参考方案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 属性设置正确。