Laravel throwing 404 on images/css/js

Question

Laravel is throwing a 404 error on my images, css and javascript files which are located in /mysite/public. I've set /mysite/public as the site's root folder and all my assets are located in there.

I did a google search on this error but they all gave the same solution i.e {{asset('css/style.css')}}. I already have my links setup like this so I don't think this is the problem.

I think the error has something to do with my Rewrite rules but I just can't figure our what it is.

My site's .htaccess file is:

RewriteEngine On
<IfModule mod_rewrite.c>
    RewriteEngine On 
    RewriteRule ^(.*)$ index.php/$1 [L]
    RewriteCond %{SERVER_PORT} 80 
    RewriteRule ^(.*)$ https://www.my-site.com/$1 [R,L]

</IfModule>

If I delete the first RewriteRule, my css loads fine but pages other that the homepage will start throwing a 404 error. If I put it back, other page work fine but css, js and image file stop loadings.

Are you setting "public" as the root folder on your server?

Tom
– Tom

2016-02-09 01:40:04 +00:00
Commented Feb 9, 2016 at 1:40 — Tom
– Tom, Commented Feb 9, 2016 at 1:40
Yes public is the root folder on my server

Melvin M.
– Melvin M.

2016-02-09 01:45:11 +00:00
Commented Feb 9, 2016 at 1:45 — Melvin M.
– Melvin M., Commented Feb 9, 2016 at 1:45
are your assets inside public like public/asset/css/?

WebChemist
– WebChemist

2016-02-09 01:51:23 +00:00
Commented Feb 9, 2016 at 1:51 — WebChemist
– WebChemist, Commented Feb 9, 2016 at 1:51
Yes, my assets are in public

Melvin M.
– Melvin M.

2016-02-09 01:52:22 +00:00
Commented Feb 9, 2016 at 1:52 — Melvin M.
– Melvin M., Commented Feb 9, 2016 at 1:52

Tom · Accepted Answer · 2016-02-09 01:49:47Z

3

Your first rule essentially says "regardless of what the URL is, load index.php". This means it will never load your assets, which are physical folders, as it will just load index.php instead. For example, if you tried to load css/image.png it will just load index.php.

If you remove it, your actual folders will load, but other URLs aren't re-written to index.php, which is why it will break.

You should use the .htaccess provided to you by Laravel. This should be your .htaccess file in the public/ folder (as per the Laravel Github repository)

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

    RewriteEngine On

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

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

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

public/.htaccess

If the public folder is not the root on your server, you'll also need to have this in an additional .htaccess (in the folder above public)

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^(.*)$ public/$1 [L]
</IfModule>

/.htaccess

answered Feb 9, 2016 at 1:49

Tom

1,0782 gold badges25 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Budianto IP Over a year ago

you just saved my day! after adding the .htaccess outside the public folder, now the application works good, superb, thanks!

Andrew Bro Over a year ago

Man!! Live long life bro! I deployed my laravel project i worked for 45 days and realized it throws 404s to every JS\CSS\IMAGE... i've spent whole night trying to make it work... U saved me! THANK U!

WebChemist · Accepted Answer · 2016-02-09 01:53:40Z

0

add this rule to keep assets from being routed to the router

RewriteEngine On

# Don't rewrite for css/js/img assets
RewriteRule ^assets/.* - [L]

RewriteRule ^(.*)$ index.php/$1 [L]
RewriteCond %{SERVER_PORT} 80 
RewriteRule ^(.*)$ https://www.my-site.com/$1 [R,L]

answered Feb 9, 2016 at 1:53

WebChemist

4,4116 gold badges30 silver badges37 bronze badges

Collectives™ on Stack Overflow

Laravel throwing 404 on images/css/js

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related