Laravel 5 找不到 css 个文件

Question

我刚刚在 MAMP 上安装了一个 Laravel 5 项目，但我的页面找不到 css 文件。

这是我 app.blade.php 文件中 css 的 link：

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

我的 .htaccess 文件有这一行：

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

在配置文件夹中，我的 app.php 文件包含以下内容：

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

但是当我打开这个页面时：http://localhost:8888/laravel-site/laravel-5-app/public/auth/login and check the developer tools, it is looking for the css file at this location: http://localhost:8888/css/app.css

附带说明一下，如果我转到此 url：http://localhost:8888/laravel-site/laravel-5-app/public/ 我会看到正确的欢迎页面。

Answer 1

使用它可以将 css、javascript、images.. 等资产添加到 blade 文件中。

对于 CSS,

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

或

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

对于 JS，

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

或

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

图片，

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

这是DOC

或者，如果你拉取了 laravel 4.2 中默认的作曲家包 illuminate/html 那么你可以像下面这样使用，在 laravel 5.你必须手动拉包。

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

这是一个Example.

Answer 2

有效。对于 css:

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

尝试：

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

Answer 3

您可以使用以下选项之一：

<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')) !!}

Answer 4

快速应用简单的正则表达式。

search : href="(.+?)"
replace : href="{{ asset('') }}"

和

search : src="(.+?)"
replace : src="{{ asset('') }}"

Answer 5

这是解决方案

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

Answer 6

我的看法是：

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

是路由到 css 文件的最佳方法。

URL::to() 也适用于 js

Answer 7

Stop artisan serve

并尝试使用

php -S localhost:8000 -t public

Answer 8

我用过：

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

第一个是我自己的文件，第二个是 laravel。我使用的是版本 5。

http://spanibox.com/css/app.css 工作但是 http://spanibox.com/css/custom.css 才不是。我觉得这很奇怪。

Answer 9

这对我有用

如果您将 .htaccess 文件从 public 目录迁移到项目文件夹并在项目文件夹中将 server.php 更改为 index.php 那么这应该适合您。

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

谢谢

Answer 10

我遇到了同样的问题，直到现在。

删除 /css/app.css 之前的 / 以便它的 css.app.css 对我有用。

Answer 11

在根路径中使用

创建一个 .htaccess 文件

<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine On

RewriteCond %{REQUEST_URI} !^/public/ 

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



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

在 public 目录中创建一个 .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>

如果您在 public/index.php 文件中进行了任何更改，请使用正确的路径更正它们，然后您的网站将会上线。

这能解决什么问题？

laravel 项目的托管问题。
Css 不适用于 laravel。
Laravel 网站不工作。
laravel 站点加载域/public/index.php
laravel 项目没有正确重定向

Answer 12

Laravel 版本 6.0.2

我也遇到了同样的问题。我用了

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

并且在将 CSS 文件夹从文件夹资源移动到文件夹 public 后它起作用了

Answer 13

您可以简单地在 public 中创建资产并添加更多路径并在脑海中调用 html 以下代码

Answer 14

如果您使用的是 ubuntu，您可以尝试以下命令：

sudo apt install npm

npm install && npm run dev

Answer 15

只需在 css link

前面加一个反斜杠即可

Answer 16

<link rel="stylesheet" href="/css/bootstrap.min.css">如果您使用 laravel 5 或 6，您应该创建文件夹 css 并使用

调用它

对我有用

Answer 17

如果您使用 laravel 5 或 6：

在 Public 文件夹中创建 .css、.js、图像...文件夹

然后在您的 blade 文件中，您可以使用以下代码显示图像：

<link rel="stylesheet" href="/css/bootstrap.min.css">
<link src="/images/test.png">
<!-- / is important and dont write public folder-->

Answer 18

这对我有用：
如果是 css 文件点击

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

如果是图片点击

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

Laravel 5 找不到 css 个文件

Laravel 5 not finding css files

php

.htaccess

laravel

laravel-5