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

question from:https://stackoverflow.com/questions/65864770/laravel-6-css-js-not-loading-on-server

Answer 1

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