即使 Spring Boot 项目的 html 页面上的路径正确，svg 文件也无法打开

Question

我打算在我的 Spring Boot thymeleaf 项目中使用 Metronic html 登录页面，所以我更新了代码以导入资产。

  <link th:href="@{/uploads/assets/plugins/global/plugins.bundle.css}" rel="stylesheet" type="text/css" />
  <link th:href="@{/uploads/assets/css/style.bundle.css}" rel="stylesheet" type="text/css" />

css 文件已加载并应用到页面上，但 svg 文件未打开。我只能将替代“徽标”视为文本。

<!-- doesn't work -->
<a href="/index.html" class="mb-7">
   <img alt="Logo" th:src="@{/uploads/assets/media/logos/logo.svg}" />
</a>

如果我将 png 文件放在同一路径中，那么它就可以工作

<a href="/index.html" class="mb-7">
   <img alt="Logo" th:src="@{/uploads/assets/media/logos/logo.png}" />
</a>

请帮我找出这个原因

Answer 1

登录页面实际上有4个svg文件，但都打不开。

关于我的项目

主题

svg 文件有效