Laravel 5找不到css文件

2020/11/21 01:22 · php ·  · 0评论

我刚刚在MAMP上安装了Laravel 5项目,但是我的页面没有找到CSS文件。

这是我的app.blade.php文件中指向我的CSS的链接:

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

我的.htaccess文件有这一行:

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

在config文件夹中,我的app.php文件包含以下内容:

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

但是,当我打开此页面:http:// localhost:8888 / laravel-site / laravel-5-app / public / auth / login并检查开发人员工具时,它正在以下位置寻找css文件:http: //本地主机:8888 / css / app.css

只是作为一个旁注,如果我转到以下URL:http:// localhost:8888 / laravel-site / laravel-5-app / public /我会得到正确的欢迎页面。

使用此添加资产一样cssjavascriptimages...成片文件。

对于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

或者,如果您拉出了illuminate/htmllaravel 4.2中默认提供的composer程序包,则可以像下面那样使用,在laravel 5中,您必须手动拉出该程序包。

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

这是一个例子

在根路径中创建一个.htaccess文件,其中

<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>

在公共目录中创建一个.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网站负载与domain / public / index.php
  • laravel项目无法正确重定向

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

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

Stop artisan serve

并尝试使用

php -S localhost:8000 -t public

其作品。对于CSS:

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

尝试:

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

这是解决方案

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

这对我有用

如果您将.htaccess文件从公共目录迁移到项目文件夹,并且将server.php更改为项目文件夹中的index.php,那么这应该对您有用。

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

谢谢

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

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

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

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

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

我用了:

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

第一个是我自己的文件,第二个是laravel附带的文件。我正在使用版本5。

http://spanibox.com/css/app.css
有效,但
http://spanibox.com/css/custom.css
无效。
我觉得这很奇怪。

如果您使用的是laravel 5或6:

  1. 在公共文件夹内创建.css,.js,images ...文件夹

在此处输入图片说明

  1. 然后在刀片文件中,您可以使用以下代码显示图像:
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link src="/images/test.png">
<!-- / is important and dont write public folder-->

我的看法是:

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

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

URL::to()方法也适用于JS

Laravel 6.0.2版

我也有同样的问题。我用了

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

在将CSS文件夹从文件夹资源移动到公共文件夹之后,它可以工作

这对我

有用
如果是CSS文件,请点击

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

如果是图像水龙头

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

您可以简单地在公共场所创建资产并添加更多路径,并在html头中调用以下代码

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

这个对我有用

只需在CSS链接前面加反斜杠即可

如果您使用的是ubuntu,则可以尝试以下命令:

sudo apt install npm

npm install && npm run dev
本文地址:http://php.askforanswer.com/laravel-5zhaobudaocsswenjian.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!