202 lines
4.2 KiB
Markdown
202 lines
4.2 KiB
Markdown
# 🚨 FIX CACHE ISSUE NOW - Quick Steps
|
|
|
|
## Your Issue: Login screen not showing latest changes
|
|
|
|
---
|
|
|
|
## ⚡ QUICK FIX (5 minutes)
|
|
|
|
### Step 1: Copy New Files to Server
|
|
|
|
From your dev machine:
|
|
```bash
|
|
# Commit the new changes
|
|
git add .
|
|
git commit -m "Add cache-busting and remove demo credentials"
|
|
git push origin prodnew
|
|
```
|
|
|
|
### Step 2: Deploy on Production Server
|
|
|
|
SSH into your server and run:
|
|
```bash
|
|
ssh luckychit@192.168.8.148
|
|
cd /home/luckychit/apps/chitfund
|
|
git pull origin prodnew
|
|
chmod +x force-cache-bust.sh clear-cache-and-deploy.sh
|
|
./force-cache-bust.sh
|
|
```
|
|
|
|
### Step 3: Clear Browser Cache
|
|
|
|
In your browser, do a **HARD REFRESH**:
|
|
- **Windows**: `Ctrl + Shift + R`
|
|
- **Mac**: `Cmd + Shift + R`
|
|
|
|
Or test in **Incognito/Private mode** (no cache):
|
|
- **Windows**: `Ctrl + Shift + N`
|
|
- **Mac**: `Cmd + Shift + N`
|
|
|
|
---
|
|
|
|
## ✅ What This Does
|
|
|
|
1. **Pulls latest code** (with cache-busting fixes)
|
|
2. **Stops PM2 frontend** (clears server cache)
|
|
3. **Deletes old build** (removes cached files)
|
|
4. **Builds with timestamp** (forces browser to reload)
|
|
5. **Restarts PM2** (serves fresh files)
|
|
|
|
---
|
|
|
|
## 🎯 Expected Result
|
|
|
|
After running the script and hard refresh, you should see:
|
|
- ✅ Login screen **without** demo credentials box
|
|
- ✅ Clean professional login interface
|
|
- ✅ Updated design
|
|
|
|
---
|
|
|
|
## 🔍 If Still Not Working
|
|
|
|
### Option 1: Clear Browser Cache Completely
|
|
|
|
**Chrome:**
|
|
1. Three dots menu → Settings
|
|
2. Privacy and security → Clear browsing data
|
|
3. Select "Cached images and files"
|
|
4. Time range: "All time"
|
|
5. Click "Clear data"
|
|
|
|
**Firefox:**
|
|
1. Menu → Settings → Privacy & Security
|
|
2. Cookies and Site Data → Clear Data
|
|
3. Check "Cached Web Content"
|
|
4. Click "Clear"
|
|
|
|
### Option 2: Test in Different Browser
|
|
|
|
Open the site in a browser you haven't used before - it will have no cache.
|
|
|
|
### Option 3: Check Service Worker
|
|
|
|
1. Press `F12` to open DevTools
|
|
2. Go to "Application" tab (Chrome) or "Storage" tab (Firefox)
|
|
3. Find "Service Workers"
|
|
4. Click "Unregister" for all service workers
|
|
5. Refresh the page
|
|
|
|
---
|
|
|
|
## 📱 Mobile Users
|
|
|
|
If testing on mobile:
|
|
|
|
**Android Chrome:**
|
|
- Menu → Settings → Privacy → Clear browsing data → Cached images
|
|
|
|
**iOS Safari:**
|
|
- Settings → Safari → Clear History and Website Data
|
|
|
|
Or just use **Private/Incognito mode** for testing
|
|
|
|
---
|
|
|
|
## 🎓 What I Fixed
|
|
|
|
### 1. Added Cache Control Headers
|
|
`luckychit/web/index.html` now has:
|
|
```html
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
```
|
|
|
|
### 2. Updated All Deployment Scripts
|
|
- `deploy-full.sh` - Now includes cache-busting
|
|
- `deploy-frontend-only.sh` - Now includes cache-busting
|
|
|
|
### 3. Created New Cache-Busting Scripts
|
|
- `force-cache-bust.sh` - Nuclear option (use now!)
|
|
- `clear-cache-and-deploy.sh` - Thorough cache clearing
|
|
|
|
### 4. Builds with Timestamps
|
|
Every build now gets unique version number to break cache
|
|
|
|
---
|
|
|
|
## 🚀 Future Deployments
|
|
|
|
**From now on, just use:**
|
|
```bash
|
|
./deploy-frontend-only.sh
|
|
```
|
|
|
|
It now automatically handles cache-busting! 🎉
|
|
|
|
**If cache is stubborn:**
|
|
```bash
|
|
./force-cache-bust.sh
|
|
```
|
|
|
|
---
|
|
|
|
## 📊 Verify It Worked
|
|
|
|
After deployment:
|
|
|
|
1. **Check PM2:**
|
|
```bash
|
|
pm2 status
|
|
# Should show "online" for both services
|
|
```
|
|
|
|
2. **Check Logs:**
|
|
```bash
|
|
pm2 logs luckychit-frontend --lines 10
|
|
# Should show recent activity
|
|
```
|
|
|
|
3. **Test in Browser:**
|
|
- Open in Incognito: `Ctrl + Shift + N` (Windows) or `Cmd + Shift + N` (Mac)
|
|
- Go to: `http://192.168.8.148:8080`
|
|
- Login screen should NOT show demo credentials
|
|
|
|
4. **Check Build Time:**
|
|
```bash
|
|
cd /home/luckychit/apps/chitfund/luckychit/build/web
|
|
ls -lh
|
|
# Timestamps should be very recent
|
|
```
|
|
|
|
---
|
|
|
|
## 📞 Still Issues?
|
|
|
|
If you still see old version after all this:
|
|
|
|
1. Take a screenshot of what you see
|
|
2. Check PM2 logs: `pm2 logs luckychit-frontend`
|
|
3. Check build directory modification time
|
|
4. Try a different device/computer
|
|
|
|
---
|
|
|
|
## 🎉 Summary
|
|
|
|
**Run these 3 commands:**
|
|
```bash
|
|
ssh luckychit@192.168.8.148
|
|
cd /home/luckychit/apps/chitfund
|
|
./force-cache-bust.sh
|
|
```
|
|
|
|
**Then in browser:**
|
|
```
|
|
Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac)
|
|
```
|
|
|
|
**That's it!** Your login screen will show the latest version without demo credentials. 🚀
|
|
|