Laravel 5.7 - CSS и JS не загружаются с использованием URL :: asset

Question

Я новичок в Laravel.Я устанавливаю laravel 5.7 в своей локальной системе и помещаю js и css в общую папку, но при нажатии на URL моего сайта в браузере сайт не загружает никакие css и js.

Структура сайта:

app
bootstrap
config
database
public
 -css
 -js
 -images
resources
 -views
    -includes
    -layouts
    -pages
routes
tests
vendor
index.php
server.php
.env

Примечание. Я вырезал файлы .htaccess и index.php и помещал их в корневой каталог для запуска сайта без публичного пути.

Вот как я вызываю URL: CSS:

{{ URL::asset('css/style.css') }}

JS:

{{ URL::asset('js/query-1.11.1.min.js') }}

При просмотре исходного кода URL выглядит следующим образом:

http://localhost/mysite/css/style.css

Так кто-нибудь может мне помочь из этой проблемы?

Заранее спасибо.

Answer 1

Вы непосредственно указали свои css и js, поэтому вам нужно попробовать эту функцию href="{{ assets('')}}".

<link href="{{ asset('css/invoice.css') }}" rel="stylesheet" type="text/css"/>

, а также js

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

Answer 2

Помощник asset() добавляет базовый URL-адрес к указанному вами пути.

Базовый URL-адрес - это местоположение файла index.php (в данном случае: http://localhost/mysite/).

Если выне нужно index.php внутри / public, вам нужно будет использовать public / внутри вашего ресурса, например:

asset("public/css/style.css")

То же самое для файлов js, надеюсь, вы понимаете.

Answer 3

У вас есть 3 варианта

• Используйте такой инструмент, как Валет
• Используйте VirtualHost
• Или самый простойиспользуйте команду php artisan serve в своем проекте и просмотрите http://localhost:8000 см. Локальный сервер разработки

Редактировать: я забыл Усадьба

Answer 4

При вырезании файлов .htaccess и index.php в качестве пути должна указываться общая папка.Попробуйте с этим:

css
{{ URL::asset('public/css/style.css') }}
js
{{ URL::asset('public/js/query-1.11.1.min.js') }}

Answer 5

ДЛЯ JAVASCRIPT:

<script type="text/javascript" src="{{ URL::asset('js/query-1.11.1.min.js') }}"></script>

ДЛЯ CSS:

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

ПРИМЕЧАНИЕ: Это будет работатьесли ваша структура каталогов выглядит следующим образом: / public / css / style.css ИЛИ / public / js / query-1.11.1.min.js