web-dev-qa-db-fra.com

Laravel 5 ne trouve pas les fichiers css

Je viens d'installer un projet Laravel 5 sur MAMP et mes pages ne trouvent pas les fichiers css.

Voici le lien vers mon css dans mon fichier app.blade.php:

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

Et mon fichier .htaccess a cette ligne:

RewriteBase /laravel-site/laravel-5-app/public/

Dans le dossier config, mon fichier app.php contient ceci:

'url' => 'http://localhost:8888/laravel-site/laravel-5-app/public/',

Mais quand j'ouvre cette page: http: // localhost: 8888/laravel-site/laravel-5-app/public/auth/login et vérifie les outils de développement, il recherche les fichiers css fichier à cet emplacement: http: // localhost: 8888/css/app.css

Juste comme note de côté, si je vais à cette url: http: // localhost: 8888/laravel-site/laravel-5-app/public / ), j’obtiens la page de bienvenue correcte.

php.htaccesslaravellaravel-5
43
davelowe85

Utilisez cette option pour ajouter des éléments tels que css, javascript, images .. dans le fichier de la lame.

POUR CSS, 

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

OR

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

POUR JS, 

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

OR

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

POUR LES IMAGES, 

{{ asset('img/photo.jpg'); }}

Voici le DOC

Alternativement, si vous avez tiré le package composer illuminate/html qui est venu par défaut dans laravel 4.2), vous pouvez utiliser comme ci-dessous, dans laravel 5. vous devez extraire manuellement le paquet.

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

Voici un exemple .

82
K.Toress

Dans le chemin racine, créez un fichier .htaccess avec

<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine On

RewriteCond %{REQUEST_URI} !^/public/ 

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f



RewriteRule ^(.*)$ /public/$1 
#RewriteRule ^ index.php [L]
RewriteRule ^(/)?$ public/index.php [L] 
</IfModule>

Dans le répertoire public, créez un fichier .htaccess

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} (.+)/$
    RewriteRule ^ %1 [L,R=301]

    # Handle Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]
</IfModule>

si vous avez apporté des modifications au fichier public/index.php, corrigez-les avec le bon chemin, votre site sera alors actif.

que va résoudre avec cela?

  • Numéro d’hébergement du projet laravel).
  • Css pas travailler sur laravel.
  • Le site de Laravel ne fonctionne pas.
  • chargement du site laravel avec domain/public/index.php
  • le projet laravel ne redirige pas correctement
8
Thilina Dharmasena

Vous pouvez utiliser l'une des options suivantes:

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

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

{!! Html::style( asset('css/app.css')) !!}
7
Pervez

Stop artisan serve

et essayez d'utiliser

php -S localhost:8000 -t public
5
David J

Ça marche. Pour css:

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

Essayez de:

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

Pour appliquer rapidement une expression rationnelle simple.

recherche: href = "(. +?)"

remplace: href = "{{asset ('$ 1')}}"

et

search: src = "(. +?)"

remplace: src = "{{asset ('$ 1')}}"

3
Uchiha Madara

Ça marche pour moi

Si vous avez migré le fichier .htaccess du répertoire public vers le dossier du projet et que vous avez modifié server.php en index.php dans le dossier du projet, cela devrait fonctionner pour vous.

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

Merci

2
Muddasir Abbas

Voici la solution

  {!! Html::style('css/select2.min.css') !!}
  {!! Html::script('js/select2.min.js') !!}
2
Mansoor Ahmad

J'avais le même problème, jusqu'à maintenant.

Retrait du / D'avant /css/app.css pour que son css.app.css a travaillé pour moi.

2
Romelle

mon opinion est que:

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

est la meilleure méthode pour router vers vos fichiers CSS.

L'URL :: fonctionne aussi pour js

1
kqcreations

J'ai utilisé:

"{{asset('css/custom.css')}}"
"{{asset('css/app.css') }}"

Le premier est mon propre fichier, le second est venu avec laravel. J'utilise la version 5.

http://spanibox.com/css/app.css fonctionne mais http://spanibox.com/css/custom.css ne fonctionne pas. Je trouve cela très bizarre.

1
Screwtape007