HTML 中的 SVG 文件路径支持：本地和远程之间的区别？答案

【问题标题】：SVG filepath support in HTML: difference between local and remote?HTML 中的 SVG 文件路径支持：本地和远程之间的区别？
【发布时间】：2016-08-04 05:23:59
【问题描述】：

<img src="./img/pic.png">
<img src="./img/pic.svg">

上面的两行在本地工作并显示两张图片，但一旦远程部署（例如，在 ftp 上）仅显示 png（权限设置为两个文件的最大权限）。

有什么想法吗？

顺便说一句，似乎无法显示 svg 上的任何类型，我可以使用它的路径访问 pic，但在 html 中加载不起作用。

我敢肯定这真的很愚蠢。

【问题讨论】：

我认为你的 svg 的 mime 类型设置不正确

标签： html svg path ftp png

【解决方案1】：

看起来很奇怪，因为 SVG 支持在很多浏览器上都很好

http://caniuse.com/#search=svg

这可能是你的服务器，如果是Apache服务器你可以尝试添加

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

到.htaccess。

【讨论】：

我真的很希望 .htaccess 技巧能奏效，但遗憾的是没有，真的很奇怪。
使用您的.htaccess 尝试将配置设置为“允许”文件扩展.svg
使用浏览器的“开发者工具”，访问该页面并查看您在该 svg 文件旁边的“网络”部分收到的错误消息
@CharlSteynberg 实际上，当时我已经使用 Chrome 或 Firefox 的开发人员工具进行了很多调查，但老实说，似乎一切都已加载，没有任何错误。看来现在它工作得非常好，我想知道这是否不是浏览器的缓存问题（尽管在发表评论之前，我尝试过多次清理它）。我接受这个答案，因为它对我来说是合理的，并且显然已经解决了我的问题。