Как правильно загрузить css и js файл в laravel, используя версию 5.2 - PullRequest
0 голосов
/ 02 октября 2018

enter image description here У меня есть только что клонированный проект из живого и работающий в моей локальной среде, но я не могу загрузить свои файлы js и css, все вещи сбой.

В настоящее время мойcss, js, шрифты и изображения находятся в общедоступной папке, и это выглядит как

       {!!Html::style('css/bootstrap.min.css')!!}
       {!!Html::style('css/font-awesome.min.css')!!}
       {!!Html::style('css/reset.css')!!}
       {!!Html::style('css/superslides.css')!!}

и images

        <link rel="apple-touch-icon" sizes="57x57" href="{{asset('images/favicon/apple-icon-57x57.png')}}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{asset('images/favicon/apple-icon-60x60.png')}}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{asset('images/favicon/apple-icon-72x72.png')}}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{asset('images/favicon/apple-icon-76x76.png')}}">

это правильный способ сделать это, потому что в прямом эфире работает нормально, нов локальном это не работает, я также добавить пакет коллективных HTML, но не работает Как правильно загрузить этот файл. Любая помощь будет высоко ценится!

Ответы [ 2 ]

0 голосов
/ 02 октября 2018

Вы можете загрузить его, используя asset ('/ path to your file') или public_path ('/ path to your file').

Не забудьте добавить косую черту '/' перед URL-адресами.например,

<link rel="apple-touch-icon" sizes="57x57" href="{{asset('/images/favicon/apple-icon-57x57.png')}}">
<link rel="apple-touch-icon" sizes="60x60" href="{{asset('/images/favicon/apple-icon-60x60.png')}}">
<link rel="apple-touch-icon" sizes="72x72" href="{{asset('/images/favicon/apple-icon-72x72.png')}}">
<link rel="apple-touch-icon" sizes="76x76" href="{{asset('/images/favicon/apple-icon-76x76.png')}}">
0 голосов
/ 02 октября 2018

Да, вы можете загружать файлы JS и CSS так же, как вы загружаете свои изображения, используя asset например:

<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" />
<link rel="stylesheet" href="{{ asset('css/reset.css') }}" />
<link rel="stylesheet" href="{{ asset('css/superslides.css') }}" />

В приведенных выше примерах убедитесь, что ваши CSS-файлы находятся впапка app/public/css, то же самое относится к JS файлам

...