Laravel 6 CSS JS not loading on server

Question

I zipped my project folder and uploaded to the Document Root for the subdomain. I have all my CSS and JS files inside the Public folder. On XAMPP it is working just fine, but when I upload it to my shared hosting, the css and js does not load. Upon clicking on the URLs generated for the css and js found on the View Page Source, I get 404 Not found.

When I tried checking the Console tab in the Inspect Element option, I see Failed to load resource: the server responded with a status of 404 (Not Found)error. But I double checked that the files are there in the folders as it were when working on XAMPP locally.

For refenrence, this is how I linked my css files

    <link rel="stylesheet" href="<?php echo asset('public/vendor/bootstrap/css/bootstrap.min.css') ?>" type="text/css">

PHP version of my server is 7.3.23 and my Laravel version is 6.18.42.

Famaxis · Accepted Answer · 2021-01-24 09:02:24Z

2

Check APP_URL in .env file. Is it correct and not "localhost"?

Try to use this (maybe it's not help, but it looks better anyway):

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

edited Jan 24, 2021 at 9:02

answered Jan 23, 2021 at 21:53

Famaxis

731 gold badge1 silver badge8 bronze badges

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

7 Comments

ivanantonov Over a year ago

As far as I know, {{ }} and <?php echo ?> are the same thing, but I had tried both ways and the result is the same.

Famaxis Over a year ago

Maybe this <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">? Does any css file works in your hosting?

ivanantonov Over a year ago

That is the issue I am facing, if you read the question correctly. The CSS and JS files are not loading on my shared hosting. They are working fine on my localhost (XAMPP), but not my hosting.

Famaxis Over a year ago

I mean, not loading at all in any projects in hosting (not only that laravel project)? You can try to create just index.php and style.css, to check, if the problem with hosting or your project.

Famaxis Over a year ago

Also you can check APP_URL in .env file. Is it correct and not "localhost"?

|

Bhagwat Gavande · Accepted Answer · 2021-01-28 11:02:14Z

0

For this follow following step :-

1 ) set your APP_ASSET url like ASSET_URL=http://localhost:8000/public in to env. file.

2 ) and set html tag linke this <link href="{{ asset('vendor/bootstrap/css/bootstrap.min.css') }}"rel="stylesheet">

answered Jan 28, 2021 at 11:02

Bhagwat Gavande

264 bronze badges

Comments

Agyn Bolatov · Accepted Answer · 2023-09-12 10:34:59Z

0

1 ) set your APP_ASSET url like ASSET_URL=http://localhost:8000/public in to env. file.

this command helped me, however I wrote full name of the site with https

answered Sep 12, 2023 at 10:34

Agyn Bolatov

1

Collectives™ on Stack Overflow

Laravel 6 CSS JS not loading on server

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related