9

web.config 変換を使用して、Azure Web サイトで SVG の GZip 圧縮を有効にしようとしていますが、成功しません。私の変換は次のようになります。

<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
  <system.webServer>
    <httpCompression>
      <staticTypes>
        <add mimeType="image/svg+xml" enabled="true" xdt:Transform="Insert" />
      </staticTypes>
    </httpCompression>
    <staticContent xdt:Transform="Insert">
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    </staticContent>
  </system.webServer>
</configuration>

これにより、Azure にはないように見える SVG の MIME タイプが追加され、圧縮が有効になります。MIME タイプの追加が正常に機能することを確認しましたが、公開時に圧縮要素のエラーが発生します。

ソース ドキュメント内に「/configuration/system.webServer/httpCompression/staticTypes」に一致する要素がありません

変換から圧縮を削除し、それを web.config ファイルに直接追加すると、エラーは削除されますが、HTTP ヘッダーにまだ圧縮が表示されません。応答ヘッダーは次のとおりです。

Accept-Ranges:bytes
Content-Length:23265
Content-Type:image/svg+xml
Date:Mon, 10 Jun 2013 17:19:37 GMT
ETag:"c4e9ec93d765ce1:0"
Last-Modified:Mon, 10 Jun 2013 12:39:41 GMT
Server:Microsoft-IIS/8.0
X-Powered-By:ASP.NET
X-Powered-By:ARR/2.5
X-Powered-By:ASP.NET
4

4 に答える 4

5

web.config で有効にする方法は次のとおりです。

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      </staticContent>
      <httpCompression>
         <staticTypes>
           <remove mimeType="*/*" />
           <add mimeType="image/svg+xml" enabled="true" />
           <add mimeType="*/*" enabled="false" />
         </staticTypes>
      </httpCompression>
   </system.webServer>
</configuration>

重要な点は、キャッチオールの削除 (および後で再追加) です。それがない場合、catch-all は applicationhost.config から継承され、svg 行に到達する前にすべてキャッチされるため、svg 行は基本的に無視されます。

于 2014-08-05T16:34:49.047 に答える
1

残念ながら、 Azure Web サイトでimage/xml+svgMIME タイプに組み込みの http 圧縮を使用することはできません。これを行うには、IIS の設定をいくつか変更する必要があります。これは、 Azure Web Rolesを使用している場合に可能です。

しかし、私はその面倒を経験したくなかったので、MVC で .svg ファイルを処理するコントローラーを作成しました。

[AttributeRouting.RoutePrefix("static")]
public class ContentController : Controller
{
    [GET(@"fonts/{fileName:regex(^[\w-\.]+\.svg$)}")]
    [Compress, OutputCache(
        Duration = 3600 * 24 * 30,
        Location = OutputCacheLocation.Any,
        VaryByContentEncoding = "gzip;deflate",
        VaryByParam = "fileName")]
    public ActionResult SvgFont(string fileName)
    {
        var path = Server.MapPath("~/Content/fonts/" + fileName);
        if (!System.IO.File.Exists(path)) return HttpNotFound();
        return File(path, "image/svg+xml");
    }
}

public class CompressAttribute : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        filterContext.HttpContext.CompressResult();
    }
}

public static class HttpContextExtensions
{
    public static bool CompressResult(this HttpContextBase context)
    {
        var request = context.Request;
        var response = context.Response;
        if (request == null || response == null) return false;
        var filter = response.Filter;
        if (filter is GZipStream || filter is DeflateStream) return false;
        var acceptEncoding = (request.Headers["Accept-Encoding"] ?? string.Empty).ToLowerInvariant();
        if (acceptEncoding.Contains("gzip"))
        {
            response.Filter = new GZipStream(filter, CompressionMode.Compress);
            response.AddHeader("Content-Encoding", "gzip");
            response.AppendHeader("Vary", "Content-Encoding");
            return true;
        }
        if (acceptEncoding.Contains("deflate"))
        {
            response.Filter = new DeflateStream(filter, CompressionMode.Compress);
            response.AddHeader("Content-Encoding", "deflate");
            response.AppendHeader("Vary", "Content-Encoding");
            return true;
        }
        return false;
    }
}

また、これを Web.config ファイルに追加して、MVC が .svg 拡張子のルートを処理できるようにする必要があります。

<system.webServer>
  <handlers>
    <add name="StaticMvcHandler" path="static/fonts/*.svg" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
  </handlers>
</system.webServer>
于 2014-06-01T20:50:51.123 に答える
0

Azure Web サイトの次の構成エントリがあります。

    <system.webServer>
       <urlCompression doStaticCompression="true" doDynamicCompression="true" />
    </system.webServer>

と

  <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
  <!-- Scalable Vector Graphics iPhone, iPad -->
  <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />

.svgz 拡張子も追加しました (圧縮 svg 用)。

于 2014-05-02T14:19:37.063 に答える