如何在使用artisan运行的laravel 5中引入CSS？

Question

我刚接触Laravel，正在尝试让public目录中的CSS加载。页面可以正常加载，但CSS在firebug中给了我404错误：

"NetworkError: 404 Not Found - http://127.0.0.1:8000/css/main.css"

我在 blade 模板中写了以下内容：

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

这将产生以下输出：

<link href="http://127.0.0.1:8000/css/main.css" rel="stylesheet">

这看起来是正确的。

该网站使用php artisan serve运行。有什么建议吗？谢谢！

- Benjamin Dowson

---

尝试使用 {{ asset('css/main.css') }}。 - Leo Silence

刚试了一下，还是返回404错误，输出的内容是一样的：<link href="http://127.0.0.1:8000/css/main.css" rel="stylesheet">。 - Benjamin Dowson

这应该可以工作 <link href="/asset/css/main.css" rel="stylesheet"> - James Njuguna

"NetworkError: 404 Not Found - http://localhost:8000/asset/css/main.css" - Benjamin Dowson

当您将相同的内容粘贴到浏览器中时，它是否有效？ - Margus Pala

Answer 1

尝试：

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

或者

<link href="{{url('css/main.css')}}" rel="stylesheet">

或者

如果您正在使用php artisan serve，可能没有使用public文件夹，因此请改用PHP本地服务器，并将public文件夹指定为Web根目录。

停止artisan serve并尝试使用PHP本地服务器，在Laravel项目的根目录下发出以下命令：php -S localhost:8000 -t public

- Emeka Mbah

---

现在尝试了一下，仍然是相同的404错误。 - Benjamin Dowson

正确。使用 php artisan serve 运行它。 - Benjamin Dowson

谢谢您的建议。已清除缓存，但仍然没有成功。 - Benjamin Dowson

尝试将该文件夹权限设置为777 @BenjaminDowson - Kornkrit Leelhaphunt

好的，请停止使用artisan serve，并尝试在Laravel项目根目录下执行以下命令来使用PHP原生服务器：php -S localhost:8000 -t public。 - Emeka Mbah

Answer 2

如果你安装了Illuminate/HTML, 你就可以做到

{!!HTML::style('css/styles.css')!!} //styles.css inside public/css folder

或者尝试

{{ asset('css/styles.css') }}

- PJ3

Answer 3

当您指定CSS和JS文件的路径时，文件的根目录应该是'project-name\public\'而不是'project-name\'。

例如，如果您想在blade文件中包含位于'mypersonalcss'文件夹内的'mytheme.css'，首先将其添加到项目中的'project-name\public\mypersonnalcss\mytheme.css'。

然后在您的blade文件中添加它：

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

请查看：Laravel 5 not finding css files 以了解如何将资源添加到 Blade 文件中。

- user3707264