Отсутствующие иконки в проекте MVC 5 - PullRequest
Новая
       12

Отсутствующие иконки в проекте MVC 5

0 голосов
/ 01 июля 2018

Я работаю с проектом MVC 5. Я включил SummerNote в проект. Теперь панель инструментов, как вы видите по ссылке выше, имеет несколько значков. Когда я запускал свой проект, он работал локально, но при развертывании не мог найти значки. Поэтому, поскольку я не до конца понимаю, как все это работает, я исправил развертывание, изменив пути в файлах summernote-bs3.css и summernote.css, но затем, конечно, локальная версия сломалась.

Способ, которым я исправил это для развертывания, был изменен: 

@font-face {
font-family: 'Glyphicons Halflings';
src: url('~/Content/fonts/glyphicons-halflings-regular.eot');
src: url('~/Content/fonts/glyphicons-halflings-regular.eot?#iefix')     
format('embedded-opentype'), url('~/Content/fonts/glyphicons-     halflings-    
regular.woff') format('woff'), url('~/Content/fonts/glyphicons-halflings-
regular.ttf') format('truetype'), url  ('~/Content/fonts/glyphicons-
halflings-regular.svg#glyphicons_halflingsregular') format('svg');}

до: 

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../Content/plugins/fonts/glyphicons-halflings-regular.eot');
src: url('../Content/pluginsfonts/glyphicons-halflings-regular.eot?#iefix') 
format('embedded-opentype'), url('../Content/plugins/fonts/glyphicons-
halflings-regular.woff') format('woff'), 
url('../Content/plugins/fonts/glyphicons-halflings-regular.ttf') 
format('truetype'), url('~/Content/fonts/glyphicons-halflings-
regular.svg#glyphicons_halflingsregular') format('svg');}

Обратите внимание, что я изменил ~ / Content / fonts / на .. / Content / fonts / . Я также сделал то же самое для summernote.css.

Причиной этого было то, что в моем развертывании я видел попытку загрузить:

https://mysite.azurewebsites.com/plugins/~/content/fonts/.....

но он не смог найти его, хотя ~ означает дом, который в действительности совпадает с ../ в этом сценарии.

Так что я не совсем уверен, как решить эту проблему. Как работают эти пути или откуда они взяты?

Я ценю ваши мысли и помощь.

1 Ответ

0 голосов
/ 02 июля 2018

Хорошо, после нескольких часов пробной версии, я выяснил, как путь к шрифтам / стилям добавляется в URL сайта. В bundle.config:

bundles.Add (новый StyleBundle ("~ / plugins / summernoteStyles"). Включить (

База, выделенная жирным шрифтом выше, добавляется в конец домена вашего сайта. Итак, я получил:

https://mysite.azurewebsites.net/plugins/fonts/glyphicons-halflings-regular.woff

Чтобы исправить это, я изменил bundle.config, чтобы он выглядел так:

bundles.Add (новый StyleBundle ("~ / Content / plugins / summernote / summernoteStyles"). Включить (

Может быть, однажды это поможет кому-то еще.

...