Level 9
This is a common problem with SPA. If a JS file has been updated, display a message to reload the page.
Do not use the clear command.
1 like
Jul 19, 2024
6
Level 1
How to Update Laravel 8 + InertiaJs Cache in Production?
Hey,
I am using Laravel 8 + InertiaJs + ReactJs + MySQL with Mix. the thing is that in production the ui does not update on deploy or just appear broken for some time.
I have to delete cache or press f5 which is not good for users. I tried npm prod and production before deploy. As well as:
php artisan cache:clear php artisan route:clear php artisan config:clear php artisan view:clear php artisan optimize:clear
In local and production console in digitalocean.
I added mix.version() in webpack.mix:
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js') .react() .postCss('resources/css/app.css', 'public/css') .version();
In local with npm run watch works fine, the issue is only on production.
Any other way to handle the js/css update on deploy?
Level 1
@puklipo Ask the uset to f5 or delete cache? Regular refresh does not do anything
Level 1
do you using git or manual putting file in your vps? if using git, i think u can use script or command like
git pull
npm run build / npx mix
php artisan optimize
if manual putting build file in your vps just
php artisan cache:clear && php artisan optimize
and even if u update regularly in prod u can use cronjob to update every "leisure Hours" wich is i think acceptable but not good approach.
Spa in production depend on build folder u must find a way for your need
1 like
Level 1
@ferilagi-66341611 I currently have this scripts:
"scripts": { "dev": "npm run development", "development": "mix", "watch": "mix watch", "watch-poll": "mix watch -- --watch-options-poll=1000", "hot": "mix watch --hot", "prod": "npm run production", "production": "mix --production" },
Also tried php artisan optimize too with no luck
Level 51
Did you configure inertia for asset versioning? https://inertiajs.com/asset-versioning
2 likes
Level 1
@MohamedTammam Thanks man, that fixed the problem
1 like
Please or to participate in this conversation.