Mime Type Sunucu ve Web.config Ayarları

Web sitesi veya web uygulamaları hazırladığımızda bazı font, icon ve dosya uzantılarının gösterilmediği ve çalışmadığı olur. Özellikle en çok Awesome fontlarını localde çalıştığı ve sitenin sunucuya attığımızda çalışmaması gibi durumlarla sık karşılaşırız. Bu sorunu iki yoldan çözebiliriz. Birinci yol sunucuda elimizle mime type ayarlarını yapmak bir diğeri ise web.config de mime type  ayarı yapmak. İlk önce sunucu üzerinde yaptığımız değişikliği anlatalım sonra web.config'deki ayarları anlatırız.

1. Sunucuda Mime Type Ayarları

Sunucuda IIS Manager'ı açtıktan sonra Mime Type ayarı yapmak istediğimiz siteyi seçerek sağ tıklayın. Gelen menuden Properties i seçin. Karşımıza çıkan seçenek tablarından HTTP Headers'ı seçiniz. Açılan bölümde alt kısımda MIME Types butonuna tıklayın.

Mime Type bölümüne girdikten sonra New butonuna tıklayınız. Açılan panelin Extension (dosya uzantısı) bölümüne eklemek istediğimiz uzantıyı yazıyoruz. MIME type kısmınada eğer türünü ve değerini belirtiyoruz. 

2. Web.config de Mime Type Ayarları

Mime Type ayarlarını sunucuya ulaşamadığımızda veya yönetimi bizde değilse web.config dosyamızda bazı ayarlar yapmamız gerekir. <sytem.webServer> etiketi altına mime type ayarlarını yapmanız yeterli olacaktır.

Örnek Bazı Mime Type Uzantı ve Değerleri: 

Kullanmak istediğiniz uzantıyı seçerek bu gerekli düzenlemeleri yapabilirsiniz.

<system.webServer>
    <staticContent>

      <mimeMap fileExtension=".oga" mimeType="audio/ogg" />
      <mimeMap fileExtension=".spx" mimeType="audio/ogg" />

      <remove fileExtension=".css" />
      <mimeMap fileExtension=".css" mimeType="text/css; charset=UTF-8" />
      <remove fileExtension=".js" />
      <mimeMap fileExtension=".js" mimeType="text/javascript; charset=UTF-8" />
      <remove fileExtension=".json" />
      <mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" />
      <remove fileExtension=".rss" />
      <mimeMap fileExtension=".rss" mimeType="application/rss+xml; charset=UTF-8" />
      <remove fileExtension=".html" />
      <mimeMap fileExtension=".html" mimeType="text/html; charset=UTF-8" />
      <remove fileExtension=".xml" />
      <mimeMap fileExtension=".xml" mimeType="application/xml; charset=UTF-8" />
      
      <!-- HTML5 Audio/Video mime types-->

      <remove fileExtension=".mp3" />
      <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
      <remove fileExtension=".mp4" />
      <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
      <remove fileExtension=".ogg" />
      <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
      <remove fileExtension=".ogv" />
      <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
      <remove fileExtension=".webm" />
      <mimeMap fileExtension=".webm" mimeType="video/webm" />

      <!-- svg, webfonts, Pad -->

      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="images/svg+xml" />
      <remove fileExtension=".svgz" />
      <mimeMap fileExtension=".svgz" mimeType="images/svg+xml" />

      <!-- HTML4 Web font mime types -->

      <remove fileExtension=".eot" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <remove fileExtension=".otf" />
      <mimeMap fileExtension=".otf" mimeType="font/otf" />
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="font/x-woff" />
      <remove fileExtension=".crx" />
      <mimeMap fileExtension=".crx" mimeType="application/x-chrome-extension" />
      <remove fileExtension=".xpi" />
      <mimeMap fileExtension=".xpi" mimeType="application/x-xpinstall" />
      <remove fileExtension=".safariextz" />
      <mimeMap fileExtension=".safariextz" mimeType="application/octet-stream" />

      <!-- Flash Video mime types-->

      <remove fileExtension=".flv" />
      <mimeMap fileExtension=".flv" mimeType="video/x-flv" />
      <remove fileExtension=".f4v" />
      <mimeMap fileExtension=".f4v" mimeType="video/mp4" />

    </staticContent>
  </system.webServer>