Нерабочая ссылка CSS при публикации в Visual Studio 2017 - PullRequest
Новая
       33

Нерабочая ссылка CSS при публикации в Visual Studio 2017

0 голосов
/ 11 ноября 2018

У меня проблема при публикации проекта Visual Studio 2017, C #, ASP.Net MVC 5.Я публикую со следующими настройками:

enter image description here enter image description here

Проблема со ссылкой на контент CSS, например, при начальной загрузке: 

@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);

Если файл bootstrap.min.css находится в localhost/bower_components/css/bootstraps/bootstrap.min.css, этот css будет отображаться на клиенте как localhost/fonts/glyphicons-halflings-regular.eot.

Если я просто скопирую весь проект, вставив его без публикации на сервере, ссылка будет отображаться правильно как localhost/bower_components/css/fonts/glyphicons-halflings-regular.eot

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

Ответы [ 3 ]

0 голосов
/ 24 ноября 2018

Насколько доступно знание кода в вашем вопросе и что показано и объяснено. Я вижу в вашем коде проблему с вашим относительным путем.

Вы используете ../, измените его на ./ или ~/. Это должно решить проблему.

Используя ../, вы пересекаете путь CSS.

0 голосов
/ 28 ноября 2018

Действие по умолчанию установлено на None, поэтому вам нужно изменить его на Content.

Щелкните правой кнопкой мыши в соответствующем файле> свойства> установите Build Action на Content

Я надеюсь, что это может помочь

0 голосов
/ 24 ноября 2018

В {YourProjectName} \ App_Start \ BundleConfig.Cs

Добавить экземпляр CssRewriteUrlTransform Класс при добавлении Bootstrap Bundle, например: 

public static void RegisterBundles(BundleCollection bundles)
{
     StyleBundle bootCss = new StyleBundle("~/styles/bootstrap");
                      bootCss.Include("~/Content/bootstrap/styles/bootstrap.css", 
                      new CssRewriteUrlTransform());
     bootCss.Include("~/Content/bootstrap/styles/bootstrap-theme.min.css", new CssRewriteUrlTransform());
     bundles.Add(bootCss);
}
...