Таблицы стилей не загружаются на определенных страницах
Я использую мастер-страницы в своем приложении, и все пользовательские стили и файлы начальной загрузки включены туда, и это работает нормально, но когда я использую подстановочный знак, например, localhost / final / User / id, все ссылки начальной загрузки и пользовательские стили не могут работать, все файлы находятся в общая папка
<!-- Bootstrap CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/portal-style.css" rel="stylesheet">
<link href="css/portal-stylesheet.css" rel="stylesheet">
это снимок экрана с моим подстановочным знаком
это ссылка на все файлы, которые не работают, когда я использую любой шаблон
Решение
Обычно вы можете использовать asset() или же secure_asset() для HTTPS оба будут работать, когда ваши ресурсы, такие как файлы CSS или JS находятся в public папка.
Или если вы не используете общую папку. чем url() будет там для вас.
<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
ИЛИ ЖЕ
<link href="{{ url('public/css/bootstrap.css') }}" rel="stylesheet">
Другие решения
Вы должны использовать asset() помощник для создания ссылок на CSS:
<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
Это будет работать для вас, если вы храните файлы CSS в public/css каталог.
Причина, по которой это происходит, заключается в том, как вы закодировали путь к файлу css относительно страницы, которую вы просматриваете.
Итак, когда вы просматриваете: localhost/final/user/id браузер будет искать файл CSS здесь: localhost/final/user/css/bootstrap.css
В Laravel есть несколько вспомогательных методов, позволяющих избавиться от необходимости настраивать файлы ресурсов (CSS, изображения и т. Д.).
Если вы используете лезвие, вы можете использовать asset() метод как это:
<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/portal-style.css') }}" rel="stylesheet">
<link href="{{ asset('css/portal-stylesheet.css') }}" rel="stylesheet">
detector