Иконки дизайна Asp.net core 1.1

Я пытаюсь использовать в своем проекте значки Material Design. Я могу успешно создать страницу, но когда я добавляю значки на страницу с помощью тегов i, как описано в документации materializecss их класс имеет путь по умолчанию, т. е. в font/material-design-icons/allFOntsfileshere. Проблема в том, что когда я добавляю их, мой браузер продолжает говорить «ограниченный доступ».

<div class="row margin">
    <div class="input-field col s12">
        <i class="mdi-social-person-outline prefix"></i>
        <input id="MobileNumber" type="text">
        <label for="MobileNumber" class="center-align indigo-text darken-2">
            Mobile Number
        </label>
    </div>
</div>

material-design asp.net-core materialize asp.net-core-1.1
person Himanshu Sharma    schedule 14.02.2017    source источник

Ответы (1)


arrow_upward
-1
arrow_downward

Вы могли бы дать немного больше контекста (например, как вы настраиваете свое промежуточное ПО). Но так как я наткнулся на аналогичную проблему, я думаю, что могу догадаться, в чем проблема, с которой вы столкнулись.

Вероятно, вы не настроили промежуточное ПО static files. Вам следует ознакомиться со статьей документации Microsoft по Работа со статическими файлами в ASP. NET Core, но вот что нужно сделать, чтобы исправить это в случае изменения URL-адреса:

Сначала вам нужно установить ContentRoot в Program.cs

public static void Main(string[] args)
{
    var host = new WebHostBuilder()
        .UseKestrel()
        .UseContentRoot(Directory.GetCurrentDirectory()) //Like this
        .UseIISIntegration()
        .UseStartup<Startup>()
        .Build();

    host.Run();
}

Для обслуживания статических файлов необходимо настроить ПО промежуточного слоя для добавления статических файлов в конвейер. Промежуточное ПО для статических файлов можно настроить, добавив зависимость от пакета Microsoft.AspNetCore.StaticFiles. в ваш проект, а затем вызовите метод расширения UseStaticFiles из Startup.Configure:

public void Configure(IApplicationBuilder app)
{
    /*...*/
    app.UseStaticFiles();
    /*...*/
}

Вы должны учитывать, что порядок, в котором вы добавляете промежуточное ПО, имеет значение. См. этот ответ, в котором указан требуемый порядок между UseStaticFiles и UseDefaultFiles.

person Maximo Dominguez    schedule 21.02.2017