Updated css file not reflecting in laravel

Question

I'm working on Laravel framework,

I have changed my bootstrap.min.css from v3 to v4 but it's not updated in the browser

I have tried:

php artisan cache:clear
php artisan route:cache
php artisan config:clear
php artisan view:clear
rm -rf bootstrap/cache/*/*

and I deleted the files from storage/framework/views but still, the CSS is not updating.

Can anyone please help me?

If it is in your local machine, please restart the application, remove the browser cache and try again. — Md. Abutaleb, Dec 05 '19 at 10:57
Did you use the same filename? In that case it's probably cached by your browser. — Jerodev, Dec 05 '19 at 10:58
Open your devtools and follow this way: dev tools > network > disable cache https://stackoverflow.com/a/7000899/9487875 — fedev, Dec 05 '19 at 13:27
Thanks for the answers I just cleared my browser history and it's working fine — Sharmila, Dec 09 '19 at 11:17

Akash Kumar Verma · Answer 1 · 2023-08-17T08:16:34.990

10

Just add a query string after end of the css file.Then it will not use cached file css. Like ?v=1,?v=2 or any random string.

Example

 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=1a040064279b" >

you can also use php function (as marco suggested)

?v=echo filemtime();

edited Aug 17 '23 at 08:16

answered Dec 05 '19 at 12:46

Akash Kumar Verma

1

By doing this you are disabling browser cache completely affecting performance. You could append the filemtime() of the file (https://www.php.net/manual/en/function.filemtime.php) instead of time so the parameter only changes on file change – Marco somefox Sep 29 '22 at 07:59
@Marcosomefox thanks a lot for your answer, works perfect!!! – CodeFluid Aug 17 '23 at 04:33

score 7 · Answer 2 · edited Aug 21 '20 at 12:04

7

For custom CSS file in laravel, use time() function by the following method:

<link rel="stylesheet" type="text/css" href="{{asset('css/style.css?v=').time()}}">

Remember ?v= is just used for getting value by the time() function that will generate random number every time when you refresh the page.

edited Aug 21 '20 at 12:04

General Grievance

answered Aug 21 '20 at 11:15

Danish Kazmi

score 0 · Answer 3 · answered Dec 05 '21 at 15:58

0

This is caused by Chrome's cache. Just follow these steps:

1, Control+Shift+I

2, Click Network > Tick Disable cache

3, Reload Chrome!!

answered Dec 05 '21 at 15:58

Trinh Hieu

3 Answers3