Таблицы стилей Laravel и javascript не загружаются для небазовых маршрутов

Для Laravel 4 и 5:

<link rel="stylesheet" href="{{ URL::asset('assets/css/bootstrap.min.css') }}">

URL::asset будет ссылаться на ваша папка project/public/, так что закидывайте туда свои скрипты.

Laravel 4

Лучший и правильный способ сделать это

Добавление CSS

HTML :: style будет ссылаться на ваш проект / общедоступную / папку

{{ HTML::style('css/bootstrap.css') }}

Добавление JS

HTML :: script будет ссылаться на ваш проект / общедоступную / папку

{{ HTML::script('js/script.js') }}

Вы используете относительные пути для своих ресурсов, измените их на абсолютный путь, и все будет работать (добавьте косую черту перед «css».

<link rel="stylesheet" href="/css/app.css" />

в Laravel 5
есть 2 способа загрузить файл js в ваше представление
первый - использовать помощник html, второй - помощники ресурсов.
чтобы использовать помощник html, который у вас есть чтобы сначала установить этот пакет через командную строку:

composer require illuminate/html

тогда вам нужно повторно зарегистрировать его, поэтому перейдите в config / app.php и добавьте эту строку в массив поставщиков

'Illuminate\Html\HtmlServiceProvider'

тогда вам нужно определить псевдонимы для своего пакета html, поэтому перейдите к массиву псевдонимов в config / app.php и добавьте этот

'Html'     => 'Illuminate\Html\HtmlFacade'

теперь ваш помощник html установлен, поэтому в файлах представления лезвия вы можете написать следующее:

{!! Html::script('js/test.js') !!}

это будет искать ваш файл test.js в вашем каталоге project_root / public / js / test.js.
//////////////////////////// //////////////////////////////////// Для использования помощников по ассетам вместо html-помощников у вас есть чтобы написать что-то подобное в ваших файлах просмотра:

<script src="{{ URL::asset('test.js') }}"></script>

это будет искать файл test.js в каталоге project_root / resources / assets / test.js

Если вы используете Laravel 3 и ваши файлы CSS / JS внутри общей папки, как это

public/css
public/js

то вы можете вызвать их, используя шаблоны Blade, например

{{ HTML::style('css/style.css'); }}
{{ HTML::script('js/jquery-1.8.2.min.js'); }}

я предлагаю вам включить его в фильтр маршрутов, прежде чем на {project} /application/routes.php

Route::filter('before', function()
{
    // Do stuff before every request to your application...    
    Asset::add('jquery', 'js/jquery-2.0.0.min.js');
    Asset::add('style', 'template/style.css');
    Asset::add('style2', 'css/style.css');

});

и используя механизм шаблонов лезвий

{{ Asset::styles() }}
{{ Asset::scripts(); }}

или больше о laravel, управление документами по активам

в laravel 4 вам просто нужно вставить {{ URL::asset('/') }} следующим образом:

  <link rel="stylesheet" href="{{ URL::asset('/') }}css/app.css" />.

То же самое для:

  <script language="JavaScript" src="{{ URL::asset('/') }}js/jquery.js"></script>
  <img src="{{ URL::asset('/') }}img/image.gif">

Laravel 5.4 с помощником по смешиванию:

<link href="{{ mix('/css/app.css') }}" rel="stylesheet">
<script src="{{ mix('/js/app.js') }}"> </script>

В Laravel 5.7 поместите файл CSS или JS в каталог Public.

Для CSS:

<link rel="stylesheet" href="{{ asset('bootstrap.min.css') }}">

Для JS:

<script type="text/javascript" src="{{ asset('bootstrap.js') }}"></script>

На мой взгляд, лучший способ добавить тег BASE в свой HTML

<base href="/" target="_top">

Так что нет необходимости использовать такие вещи, как

{{ HTML::script('js/jquery/jquery-1.11.1.min.js'); }}

просто введите

<script src="js/jquery/jquery-1.11.1.min.js"></script>

на ваш взгляд, и он будет работать.

Этот метод будет работать с URL-адресами RESTful и статическими ресурсами, такими как изображения, CSS и скрипты.

Винса почти все сделала правильно, ты должен добавить

<base href="{{URL::asset('/')}}" target="_top">

и скрипты должны идти своим обычным путем

<script src="js/jquery/jquery-1.11.1.min.js"></script>

Причина этого в том, что изображения и другие объекты с относительным путем, такие как источник изображения или запросы ajax, не будут работать правильно без прикрепленного базового пути.

Если вы делаете это жестко, вам, вероятно, следует использовать полный путь (href="http://example.com/public/css/app.css"). Однако это означает, что вам придется вручную настроить URL-адреса для разработки и производства.

Альтернативой вышеуказанным решениям было бы использование <link rel="stylesheet" href="URL::to_asset('css/app.css')" /> в Laravel 3 или <link rel="stylesheet" href="URL::asset('css/app.css')" /> в Laravel 4. Это позволит вам писать свой HTML так, как вы хотите, но также позволит Laravel генерировать правильный путь для вас в любой среде.

Лучший способ использовать лайк,

<link rel="stylesheet" href="{{asset('assets/libraries/css/app.css')}}">

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

<link rel="stylesheet" type="text/css" href="/public/css/icon.css"/>
<script type="text/javascript" src="/public/js/jquery.easyui.min.js"></script>

Просто добавьте еще одну проблему:

Если вы хотите удалить /public из своего проекта с помощью .htaccess,

тогда вы можете использовать это, [Добавить public перед /css внутри asset()]

<link href="{{ asset('public/css/app.css') }}" rel="stylesheet">

[Иногда это полезно.]

Для Laravel 4: {!! для двойной фигурной скобки {{
и для Laravel 5 и более поздних версий: вы можете заменить {!! by {{and !!} by}} в более дорогой версии

Если вы поместили JavaScript в пользовательский каталог.
Например, если ваш jQuery-2.2.0.min.js находится в каталоге resources/views/admin/plugins/js/, то из _3 _ вы сможете добавить в конце раздела как

<script src="{!! asset('resources/views/admin/plugins/js/jQuery-2.2.0.min.js') !!}"></script>