CssRewriteUrlTransform avec ou sans répertoire virtuel

Nous sommes en utilisant MVC Regroupement dans notre site, CssRewriteUrlTransform permet de s'assurer que l'url de l'image de travail de l'ensemble dynamique fichier css.

Mais cela ne fonctionne que lorsque vous n'utilisez pas un répertoire virtuel, j'.e

http://localhost/VirttualDir ne fonctionne pas, mais http://localhost/ n'. C'est parce que le CssRewriteUrlTransform transformer ne prend pas le dossier virtuel en compte lors de la réécriture de l'url. Donc, si une image réelle chemin est localhost/vdir/content/img/foo.png il va réécrire à localhost/content/img/foo.png qui est faux

InformationsquelleAutor Anders | 2013-11-04
  1. 92

    Je ne suis pas sûr de bien comprendre vos problème, mais en voyant http://localhost ici semble erroné. Vous ne devez jamais utiliser une URL absolue pour vos faisceaux.

    Pour moi CssRewriteUrlTransform fonctionne parfaitement, voici comment je l'utilise:

    bundles.Add(new StyleBundle("~/bundles/css").Include(
                "~/Content/css/*.css", new CssRewriteUrlTransform()));

    "Bundles" est virtuel.

    Cette aide?

    Mise à jour

    J'ai été confondu avec le "VirtualDir" chose, comme tu parles de IIS VirtualDir, et je pensais Bundle VirtualDir! C'est vrai que dans ce cas CssRewriteUrlTransform réécrire l'Url de l'Hôte, de ne pas l'Hôte/VirtualDir URI.

    Pour ce faire, vous devez tirer CssRewriteUrlTransform pour lui faire faire ce dont vous avez besoin.
    Il y a une bonne discussion ici: ASP.NET MVC4 Regroupement avec Twitter Bootstrap

    Semble la meilleure réponse est là:http://aspnetoptimization.codeplex.com/workitem/83

    public class CssRewriteUrlTransformWrapper : IItemTransform
{
    public string Process(string includedVirtualPath, string input)
    {           
        return new CssRewriteUrlTransform().Process("~" + VirtualPathUtility.ToAbsolute(includedVirtualPath), input);           
    }
}

    L'utilisation de cette classe au lieu de CssRewriteUrlTransform

    • Le problème apparaît lorsque votre application n'est pas hébergé sur le serveur de la racine, mais dans un répertoire virtuel. Comme /path/to/my/appRoot/.
    • Ce qui m'a mis sur la bonne voie, mais n'a pas de travail pour les url ( ), qui contenait un AbsoluteUri déjà, j'avais besoin de détecter que j'ai donc ajouté un Uri.TryCreate à l'intérieur d'une version personnalisée de CssRewriteUrlTranform au lieu d'utiliser un wrapper.
    InformationsquelleAutor BernardG
  2. 5

    J'ai eu le même problème. C'est la façon dont je l'ai corrigé:

    private class ProperUrlRewrite : IItemTransform
{
    private static string RebaseUrlToAbsolute(string baseUrl, string url)
    {
        if (string.IsNullOrWhiteSpace(url) || string.IsNullOrWhiteSpace(baseUrl) || url.StartsWith("/", StringComparison.OrdinalIgnoreCase) || url.Contains(':'))
            return url;
        return VirtualPathUtility.Combine(baseUrl, url);
    }
    private static Regex UrlPattern = new Regex("url\\s*\\(['\"]?(?<url>[^)]+?)['\"]?\\)");
    public string Process(string includedVirtualPath, string input)
    {
        if (includedVirtualPath == null)
            throw new ArgumentNullException("includedVirtualPath");
        if (string.IsNullOrWhiteSpace(input))
            return input;

        string directory = VirtualPathUtility.GetDirectory(VirtualPathUtility.ToAbsolute(includedVirtualPath));
        if (!directory.EndsWith("/", StringComparison.OrdinalIgnoreCase))
            directory += "/";
        return UrlPattern.Replace(input, match => "url(" + ProperUrlRewrite.RebaseUrlToAbsolute(directory, match.Groups["url"].Value) + ")");
    }
}

    Je sais que c'est loin d'être parfait et il y a beaucoup de cas où cela peut aller mal (je ne suis pas sûr que vous pouvez analyser un fichier CSS avec une regex, en premier lieu - mais c'est exactement ce que l'original CssRewriteUrlTransform), mais jusqu'à présent, il détient...

    • Grâce check it out!
    InformationsquelleAutor Vilx-
  3. 5

    Le "CssRewriteUrlTransform' fonctionne très bien pour les applications qui NE veut PAS fonctionner sur un répertoire virtuel.

    Donc, si votre application s'exécute sur http://your-site.com/ il fonctionne très bien, mais si s'exécute sur http://your-site.com/your-app/ vous aurez 404 pour toutes vos images, car la valeur par défaut "CssFixRewriteUrlTransform' est le référencement de vos images avec un '/'.

    Utiliser ceci:

    public class CssFixRewriteUrlTransform: IItemTransform {

    private static string ConvertUrlsToAbsolute(string baseUrl, string content) {
        if (string.IsNullOrWhiteSpace(content)) {
            return content;
        }
        var regex = new Regex("url\\(['\"]?(?<url>[^)]+?)['\"]?\\)");
        return regex.Replace(content, match = > string.Concat("url(", RebaseUrlToAbsolute(baseUrl, match.Groups["url"].Value), ")"));
    }

    public string Process(string includedVirtualPath, string input) {
        if (includedVirtualPath == null) {
            throw new ArgumentNullException("includedVirtualPath");
        }
        var directory = VirtualPathUtility.GetDirectory(includedVirtualPath);
        return ConvertUrlsToAbsolute(directory, input);
    }

    private static string RebaseUrlToAbsolute(string baseUrl, string url) {
        if (string.IsNullOrWhiteSpace(url) || string.IsNullOrWhiteSpace(baseUrl) || url.StartsWith("/", StringComparison.OrdinalIgnoreCase)) {
            return url;
        }
        if (!baseUrl.EndsWith("/", StringComparison.OrdinalIgnoreCase)) {
            baseUrl = string.Concat(baseUrl, "/");
        }
        return VirtualPathUtility.ToAbsolute(string.Concat(baseUrl, url));
    }
}

    Remarque: supprimer tous les fichier css avec .min.css, parce que si ce n'est pas il n'est pas corrigé.

    • L'idée de la suppression de l' ".min.css" fichier m'a aidé. Je suppose que si le fichier existe alors que le fichier est inclus directement comme une optimisation et puis la réécriture n'a jamais lieu.
    • Vous avez besoin de prendre en compte des données uri formats. Ignorer les url commençant par "données:" dans votre RebaseUrlToAbsolute fonction
    InformationsquelleAutor Phan Đức Bình
  4. 0

    J'ai des problèmes avec l'url qui contient des "données" et même une url à l'intérieur un autre, donc je dois refaire les regex, c'est ma solution:

    public string Process(string includedVirtualPath, string input)
    {
        if (includedVirtualPath == null)
        {
            throw new ArgumentNullException(nameof(includedVirtualPath));
        }

        if (string.IsNullOrWhiteSpace(input))
        {
            return input;
        }

        var directory = VirtualPathUtility.GetDirectory(includedVirtualPath);
        if (!directory.EndsWith("/", StringComparison.OrdinalIgnoreCase))
        {
            directory += "/";
        }

        return new Regex(@"url\s*\(\s*([\'""]?)(?<scheme>(?:(?:data:)|(?:https?:))?)(?<url>(\\\1|.)*?)\s*\)")
            .Replace(input, match => string.Concat(
                "url(",
                match.Groups[1].Value,
                match.Groups["scheme"].Value,
                match.Groups["scheme"].Value == "" ?
                    RebaseUrlToAbsolute(directory, match.Groups["url"].Value) :
                    match.Groups["url"].Value,
                match.Groups[1].Value,
                ")"
            ));
    }

    private static string RebaseUrlToAbsolute(string baseUrl, string url)
    {
        if (string.IsNullOrWhiteSpace(url) || string.IsNullOrWhiteSpace(baseUrl)
            || url.StartsWith("/", StringComparison.OrdinalIgnoreCase))
        {
            return url;
        }

        return VirtualPathUtility.ToAbsolute(string.Concat(baseUrl, url));
    }
}

    basé sur RegEx: Saisir les valeurs entre guillemets

    InformationsquelleAutor Chrisdreams13