Html SVG图像在服务器上显示为断开的图像

在Apache上使用简单的img标记显示.svg时，我遇到了一个奇怪的问题

在我的本地计算机上，图像是可见的。在我的mt VPS上，图像显示为断开的链接。当我右键单击一个断开的图像链接并“打开图像”时，它会正确显示图像（告诉我路径是正确的）

我的HTML如下所示：

<img width="32" height="32" alt="icon" id="create-wheel-icon2" src="public/assets/img/svg/idea_vect.svg" style="left: 230px; top: 57px; opacity: 1;">

---

有什么想法吗？

很可能您没有提供正确mime类型的图像。这里有一些关于如何做到这一点的信息：

---

您可以先尝试使用png文件，以确保图像放置位置不明显。

Robert提供的链接中的信息对我有用：

.htaccess文件具有以下规则：

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

---

自2007年左右以来，svg mimetype一直是apache默认配置的一部分。非常感谢。该链接帮助SVG在Rackspace云站点上提供服务。