Как настроить IIS для SVG и веб-тестирования с помощью Visual Studio?

Судя по трассировке Fiddler, вы обслуживаете свои страницы с помощью встроенного веб-сервера Visual Studio:

Server: ASP.NET Development Server/10.0.0.0

Если бы это обслуживалось IIS7, мы бы увидели:

Server: Microsoft-IIS/7.5

Встроенный веб-сервер Visual Studio имеет только ограниченный набор MIME-типов, которые он может обслуживать, и не имеет сведений о типах MIME, которые вы установили для IIS7. Некоторое время назад я написал ответ на аналогичную проблему в Stack Overflow:

Установка типов MIME с помощью сервера разработки ASP.NET

Встроенный сервер обслуживает ваш .svg файл как:

Content-Type: application/octet-stream

Вероятно, это то, что заставляет браузер запрашивать загрузку.

В Visual Studio убедитесь, что вы используете IIS Express, открыв свойства проекта своего сайта и выбрав вкладку «Интернет» в списке вертикальных вкладок:

Если у вас не установлен IIS 7.5 Express, вы можете получить его отсюда:

http://www.microsoft.com/download/en/details.aspx?id=1038

Чтобы воспользоваться всеми преимуществами, вам понадобится пакет обновления 1 для Visual Studio 2010:

http://support.microsoft.com/kb/983509

Поддержка IIS Express

Visual Studio 2010 с пакетом обновления 1 (SP1) позволяет использовать Internet Information Services (IIS) 7.5 Express в качестве локального сервера размещения для веб-сайта и проектов веб-приложений.

Заметка IIS 7.5 Express не входит в пакет SP1, и вы должны загрузить его отдельно. Для получения дополнительной информации посетите следующий блог: http://weblogs.asp.net/scottgu/archive/2011/01/03/vs-2010-sp1-beta-and-iis-developer-express.aspx

Когда вы это сделаете, вы можете добавить .svg тип mime для вашего приложения web.config файл:

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      </staticContent>
   </system.webServer>
</configuration>

Мое обходное решение заключалось в том, чтобы создать свой собственный httphandler локально, который перезаписывал тип содержимого для svg.

public class SvgHandler : IHttpHandler
{

    public bool IsReusable
    {
        get { return false; }
    }

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "image/svg+xml";
        context.Response.BinaryWrite(File.ReadAllBytes(context.Request.PhysicalPath));
        context.Response.End();
    }
}

и в web.config я добавил:

<httpHandlers>
  <add verb="*" path="*.svg" type="SvgHandler" />
</httpHandlers>

с этим решением вам не нужно использовать IIS Express, вы можете просто использовать обычный сервер разработки в Visual Studio 2010

Я использовал ответ Кева:

1. Установка IIS 8.0 Express из Установщик веб-платформы
2. Изменение свойств проекта для использования IIS Express и создание для него виртуального каталога
3. Добавление в web.config конфигурация → system.webServer

<staticContent>
    <remove fileExtension=".svg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>

Как упоминалось выше, Cassini игнорирует эти настройки в web.config, поэтому вместо этого нужно использовать IIS Express (в настройках проекта VS) https://stackoverflow.com/questions/5924647/setting-mime-types-using-the-asp-net-development-server

Дополнительные сведения о настройке типов MIME с помощью пользовательского интерфейса администратора или использования web.config для IIS или IIS Express см. В следующих разделах: http://4rapiddev.com/tips-and-tricks/add-mime-type-flv-mp4-in-iis-for-a-website-or-global/ и http://4rapiddev.com/tips-and-tricks/add-mime-type-flv-mp4-to-web-config-in-iis-7/

Я использую IIS7, и смог исправить это, щелкнув правой кнопкой мыши сервер в IIS и выбрав свойства. Затем я нажал кнопку «Типы MIME ...». Затем я нажал «Создать». Для расширения я ввел .svg. Для типа MIME я ввел image / svg + xml. Затем я сохранил все и сделал iisreset из командной строки. Сработало отлично.

Если у вас есть доступ к IIS, это также решает проблему: http://httpjunkie.com/2014/884/svg-no-iis/