internet-explorer - SVG 在子域上不起作用 - 一些浏览器尝试下载而不是显示

Question

我有一个带有“开发”子域的站点，它完全按照预期显示我的 SVG 文件。

但是，当我将它复制到 www 或任何其他子域（例如“测试”）时，某些浏览器会尝试在外部编辑器中打开文件，因此要求我下载文件而不是显示它。

例如：

• http://development.mysite.com/test.svg - 有效
• http://www.mysite.com/test.svg - 不起作用

SVG 文件：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

这发生在 Firefox、Chrome 和 Safari 中，但是 IE9 及更高版本会按预期显示文件。

它是一个 Windows 主机，但我没有在任何一个子域上使用 web.config 文件。

我的预感是服务器上必须有一些设置，我需要我的托管公司进行设置。谁能建议可能导致此问题的原因？

Answer 1

SVG 文件需要提供有效的 mime 类型，最常见的是 image/svg+xml。我猜您很可能将文件作为文本/纯文本提供。

这是一个服务器问题，但如何配置文件的 mime 类型取决于服务器或托管环境的具体情况。