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

【问题标题】：SVG doesn't work on subdomain - some browsers try to download rather than displaySVG 在子域上不起作用 - 一些浏览器尝试下载而不是显示
【发布时间】：2013-09-25 18:15:38
【问题描述】：

我有一个带有“开发”子域的网站，它完全按照预期显示我的 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 文件。

我的直觉是，我需要托管公司在服务器上进行一些设置。任何人都可以提出可能导致此问题的原因吗？

【问题讨论】：

标签： internet-explorer svg cross-browser subdomain

【解决方案1】：

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

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

【讨论】：

同一服务器上的子域可以设置不同的mime类型吗？
当然，一种方法是使用不同的服务器为子域提供服务。