CssRewriteUrlTransform с или без виртуального каталога

Мы используем MVC Bundling на нашем сайте, CssRewriteUrlTransform удостоверяется, что URL-адреса изображений работают из файла CSS динамического пакета.

Но это работает только тогда, когда не используется виртуальный каталог, т.е.

http://localhost/VirttualDir не работает но http://localhost/ делает. Это потому что CssRewriteUrlTransform tranform не учитывает виртуальную папку при перезаписи URL. Так что, если изображение реальный путь localhost/vdir/content/img/foo.png это перепишет это localhost/content/img/foo.png что неправильно

Источник

4 ответа

Решение

Я не уверен, чтобы полностью понять вашу проблему, но видя http://localhost здесь, кажется, неправильно. Вы никогда не должны использовать абсолютный URL для своих пакетов.

Для меня CssRewriteUrlTransform работает отлично, вот как я его использую:

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

"Связки" виртуальны.

Это помогает?

Обновить

Я был сбит с толку с "VirtualDir", как вы говорите о IIS VirtualDir, и я думал, Bundle VirtualDir! Это правда, что в этом случае CssRewriteUrlTransform будет перезаписывать URL-адреса для хоста, а не для URI хоста /VirtualDir.

Чтобы сделать это, вы должны получить CssRewriteUrlTransform, чтобы он делал то, что вам нужно. Здесь есть хорошее обсуждение: ASP.NET MVC4 Bundling с Twitter Bootstrap

Кажется, лучший ответ здесь: 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);           
    }
}

Используйте этот класс вместо CssRewriteUrlTransform

Источник

У меня такая же проблема. Вот как я это исправил:

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) + ")");
    }
}

Я знаю, что это далеко от совершенства, и есть множество крайних случаев, когда это может пойти не так (я не уверен, что вы можете сначала проанализировать файл CSS с регулярным выражением - хотя это именно то, что оригинал CssRewriteUrlTransform делает) но пока держится...

Источник

CssRewriteUrlTransform отлично работает для приложений, которые не запускаются поверх виртуального каталога.

Итак, если ваше приложение работает на http://your-site.com/ оно работает просто отлично, но если работает на http://your-site.com/your-app/ вас будет 404 для всех ваших изображений, потому что по умолчанию "CssFixRewriteUrlTransform" ссылается на ваши изображения с помощью "/".

Использовать этот:

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));
    }
}

Примечание: удалите все файлы css с помощью.min.css, потому что если это не так, это не исправит.

Источник

У меня есть проблемы с URL-адресом, который содержит "данные" и даже внутренний URL-адрес другого, поэтому я должен заново сделать регулярное выражение, вот мое решение:

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|.)*?)\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));
    }
}

на основе RegEx: захват значений между кавычками

Источник
Другие вопросы по тегам