web-dev-qa-db-fra.com

Laravel 5.7 - CSS et JS ne se chargent pas avec URL :: asset

Je suis nouveau à Laravel. J'ai installé laravel 5.7 sur mon système local et ai mis js et css dans un dossier public, mais lorsque je clique sur l'url de mon site sur un navigateur, le site ne charge aucun css ni js.

Structure du site:

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

Remarque: j'ai coupé les fichiers .htaccess et index.php et je les ai placés à la racine pour exécuter le site sans public dans le chemin.

Voici comment j'appelle url: CSS:

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

JS:

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

En voyant le code source, l'URL ressemble à ceci:

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

Alors, quelqu'un peut-il m'aider à résoudre ce problème?

Merci d'avance.

phplaravellaravel-5.7
2
Ankit

L'assistant asset() ajoute l'URL de base au chemin que vous indiquez.

L'URL de base est l'emplacement de index.php (dans ce cas: http: // localhost/mysite/ ).

Si vous ne voulez pas index.php dans/public, vous devrez utiliser public/dans votre chemin d'actif, comme ceci: 

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

Même chose pour les fichiers js, j'espère que vous comprenez.

1
Sagar Gautam

Lors de la coupe, les fichiers .htaccess et index.php doivent donner le dossier public comme chemin. Essayez avec ceci:

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

Vous avez 3 possibilités

Edit: J'ai oublié Homestead

0
cbaconnier

POUR CSS:

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

POUR JS:

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

NOTE: Ceci fonctionnera si votre structure de répertoire est comme ceci: /public/css/style.css OR /public/js/query-1.11.1.min.js

0
Udhav Sarvaiya

vous avez directement mis vos css et js, vous devez donc essayer cette fonction assets href="{{ assets('')}}".

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

et aussi js

<script type="text/javascript" src="{{ asset('js/Word.js') }}"></script>
0
dhara gosai