[{"data":1,"prerenderedAt":298},["ShallowReactive",2],{"navigation":3,"/blog/blooper-vite-pwa-ssr-redirects":142,"surround-blooper-vite-pwa-ssr-redirects":286},[4],{"title":5,"path":6,"stem":7,"children":8,"page":141},"Blog","/blog","blog",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137],{"title":10,"path":11,"stem":12},"How to Increase Free Tier Memory on AWS EC2","/blog/aws-ec2-ram","blog/aws-ec2-ram",{"title":14,"path":15,"stem":16},"Blooper: The Disappearing Cloudflare Variables","/blog/blooper-cloudflare-env-vars","blog/blooper-cloudflare-env-vars",{"title":18,"path":19,"stem":20},"Blooper: Hardcoded Content Links cause 404s","/blog/blooper-hardcoded-nuxt-content-links","blog/blooper-hardcoded-nuxt-content-links",{"title":22,"path":23,"stem":24},"Blooper: The Invisible SEO","/blog/blooper-nuxt-seo-env","blog/blooper-nuxt-seo-env",{"title":26,"path":27,"stem":28},"Blooper: The SSR Crash of Doom","/blog/blooper-ssr-feedback-form","blog/blooper-ssr-feedback-form",{"title":30,"path":31,"stem":32},"Blooper: The YouTube Crawl Budget Killer","/blog/blooper-video-crawl-budget","blog/blooper-video-crawl-budget",{"title":34,"path":35,"stem":36},"Blooper: PWA Redirecting SPA Routes","/blog/blooper-vite-pwa-ssr-redirects","blog/blooper-vite-pwa-ssr-redirects",{"title":38,"path":39,"stem":40},"The Developer's Guide to Avoiding Cloud Billing Traps in 2026","/blog/cloud-billing-traps-2026","blog/cloud-billing-traps-2026",{"title":42,"path":43,"stem":44},"Disk Management in Linux","/blog/disk-management-in-linux","blog/disk-management-in-linux",{"title":46,"path":47,"stem":48},"Docker Devtools Stage | Powerlevel, OhMyZSH, tmux, fuzzy finder, autocomplete etc","/blog/docker-devtools","blog/docker-devtools",{"title":50,"path":51,"stem":52},"Docker container | Resolving Permission Denied Woes: A Decade-Long Struggle Unraveled","/blog/docker-non-root-user-perms","blog/docker-non-root-user-perms",{"title":54,"path":55,"stem":56},"The Ultimate Guide to Free Tier Hosting Platforms (Serverless & Containers)","/blog/free-hosting-platforms-guide","blog/free-hosting-platforms-guide",{"title":58,"path":59,"stem":60},"Git commands | underrated","/blog/git-commands-underrated","blog/git-commands-underrated",{"title":62,"path":63,"stem":64},"Journey: Taming Edge Caching and KV Storage","/blog/journey-github-streak-caching","blog/journey-github-streak-caching",{"title":66,"path":67,"stem":68},"Kubernetes Cluster Setup Guide","/blog/k8s-setup","blog/k8s-setup",{"title":70,"path":71,"stem":72},"Linux WiFi Drivers","/blog/linux-wifi-drivers","blog/linux-wifi-drivers",{"title":74,"path":75,"stem":76},"pfSense basic firewall setup","/blog/pfsense-basic-firewall-setup","blog/pfsense-basic-firewall-setup",{"title":78,"path":79,"stem":80},"pfSense Quickstart","/blog/pfsense-quickstart","blog/pfsense-quickstart",{"title":82,"path":83,"stem":84},"Postmortem: Cloudflare Worker Missing Dependency on Deploy","/blog/postmortem-cloudflare-worker-dependency-deploy","blog/postmortem-cloudflare-worker-dependency-deploy",{"title":86,"path":87,"stem":88},"Postmortem: Serverless HTTP Driver Transaction Failures","/blog/postmortem-neon-http-transactions","blog/postmortem-neon-http-transactions",{"title":90,"path":91,"stem":92},"Postmortem: The Ghost in the Chrome Cache (Nuxt & Cloudflare Pages)","/blog/postmortem-nuxt-cloudflare-chunk-error","blog/postmortem-nuxt-cloudflare-chunk-error",{"title":94,"path":95,"stem":96},"Postmortem: Nuxt Content 404s on Staging Deployments","/blog/postmortem-nuxt-content-404-staging","blog/postmortem-nuxt-content-404-staging",{"title":98,"path":99,"stem":100},"Postmortem: 500 Internal Server Error on ISR Routes","/blog/postmortem-nuxt-content-payload-extraction","blog/postmortem-nuxt-content-payload-extraction",{"title":102,"path":103,"stem":104},"Post-Mortem: Intrusive Database Driver Refactoring","/blog/postmortem-proxy-re-architecting","blog/postmortem-proxy-re-architecting",{"title":106,"path":107,"stem":108},"Post-Mortem: Cloudflare Worker Connection Hang & Resilient DB Fallbacks","/blog/postmortem-worker-db-connection-hang","blog/postmortem-worker-db-connection-hang",{"title":110,"path":111,"stem":112},"Pro Tip: Sandboxing Cloudflare Workers for AI Agents","/blog/pro-tip-wrangler-local-dev-trick","blog/pro-tip-wrangler-local-dev-trick",{"title":114,"path":115,"stem":116},"Proxmox DNS Management","/blog/proxmox-dns","blog/proxmox-dns",{"title":118,"path":119,"stem":120},"Proxmox Recovery","/blog/proxmox-recovery","blog/proxmox-recovery",{"title":122,"path":123,"stem":124},"Proxmox WiFi Connection Story","/blog/proxmox-wifi","blog/proxmox-wifi",{"title":126,"path":127,"stem":128},"roadauth-rails api jwt cors","/blog/rodauth-jwt","blog/rodauth-jwt",{"title":130,"path":131,"stem":132},"SOCKS5 Proxy Quickstart","/blog/sock5-proxy","blog/sock5-proxy",{"title":134,"path":135,"stem":136},"tmux status bar toggle","/blog/tmux-status","blog/tmux-status",{"title":138,"path":139,"stem":140},"UFW - Cheatsheet","/blog/ufw-cheatsheet","blog/ufw-cheatsheet",false,{"id":143,"title":34,"authors":144,"badge":150,"body":152,"date":275,"description":276,"extension":277,"image":278,"imageComponent":279,"meta":280,"navigation":281,"path":35,"pinned":141,"seo":282,"seoImage":283,"stem":36,"__hash__":285},"posts/blog/blooper-vite-pwa-ssr-redirects.md",[145],{"name":146,"to":147,"avatar":148},"Rahul Dhole","/",{"src":149},"/profile.png",{"label":151},"Blooper",{"type":153,"value":154,"toc":269},"minimark",[155,160,176,180,195,209,213,216,262,265],[156,157,159],"h2",{"id":158},"issue","Issue",[161,162,163,164,168,169,172,173,175],"p",{},"Reloading SPA pages (like a ",[165,166,167],"code",{},"/dashboard"," or ",[165,170,171],{},"/profile"," route) in production unexpectedly redirected the user back to the home page ",[165,174,147],{},". Local development worked perfectly fine without any redirects.",[156,177,179],{"id":178},"root-cause","Root Cause",[161,181,182,183,185,186,188,189,194],{},"Vite PWA intercepted the navigation requests in production and fell back to serving the cached ",[165,184,147],{}," HTML. Since the framework hydrated with the root page's state on a different URL, the router detected a state mismatch and forcefully redirected the user back to ",[165,187,147],{}," (",[190,191,193],"a",{"href":192},"#fig-1","Figure 1",").",[161,196,197,200,205],{},[190,198],{"id":199},"fig-1",[201,202],"mermaid",{":config":203,"code":204},"config","flowchart%20TD%0A%20%20%20%20A%5BUser%20visits%20%2Fdashboard%5D%20--%3E%20B(PWA%20Service%20Worker%20intercepts)%0A%20%20%20%20B%20--%3E%20C%7BHas%20%2Fdashboard%20cache%3F%7D%0A%20%20%20%20C%20--%20No%20--%3E%20D%5BPWA%20Fallback%20to%20%2F%20HTML%5D%0A%20%20%20%20D%20--%3E%20E%5BClient%20hydrates%20with%20%2F%20state%5D%0A%20%20%20%20E%20--%3E%20F%5BRouter%20detects%20URL%20mismatch%5D%0A%20%20%20%20F%20--%3E%20G%5BForce%20Redirect%20to%20%2F%5D%0A%20%20%20%20G%20--%3E%20H((User%20confused))",[206,207,208],"em",{},"Figure 1: PWA navigation fallback redirect loop",[156,210,212],{"id":211},"resolution","Resolution",[161,214,215],{},"Disabled the PWA navigation fallback in the configuration:",[217,218,223],"pre",{"className":219,"code":220,"language":221,"meta":222,"style":222},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pwa: { workbox: { navigateFallback: null } }\n","ts","",[165,224,225],{"__ignoreMap":222},[226,227,230,234,238,241,244,246,248,251,253,256,259],"span",{"class":228,"line":229},"line",1,[226,231,233],{"class":232},"sBMFI","pwa",[226,235,237],{"class":236},"sMK4o",":",[226,239,240],{"class":236}," {",[226,242,243],{"class":232}," workbox",[226,245,237],{"class":236},[226,247,240],{"class":236},[226,249,250],{"class":232}," navigateFallback",[226,252,237],{"class":236},[226,254,255],{"class":236}," null",[226,257,258],{"class":236}," }",[226,260,261],{"class":236}," }\n",[161,263,264],{},"This lets the server environment handle navigations naturally and generate SPA shells for client-side only routes.",[266,267,268],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":222,"searchDepth":270,"depth":270,"links":271},2,[272,273,274],{"id":158,"depth":270,"text":159},{"id":178,"depth":270,"text":179},{"id":211,"depth":270,"text":212},"2026-06-23","How Vite PWA intercepted navigation requests in production and caused redirect loops.","md",null,{"type":151},{},true,{"title":34,"description":276},{"src":284},"https://placehold.co/800x400/0f172a/3b82f6?text=PWA+Redirecting+SPA+Routes","wsf7n3VcShZgOAbbmvN5WkyuefWVFl8mYTS51167_bU",[287,292],{"title":30,"path":31,"stem":32,"description":288,"imageComponent":289,"seoImage":290,"children":-1},"How server-rendered YouTube iframes destroyed our SEO crawl budget.",{"type":151},{"src":291},"https://placehold.co/800x400/0f172a/3b82f6?text=Crawl+Budget+Killer",{"title":38,"path":39,"stem":40,"description":293,"imageComponent":294,"seoImage":296,"children":-1},"Where to host your side project without getting a massive surprise bill in 2026. A breakdown of static and container platforms.",{"type":295},"Cloud",{"src":297},"https://placehold.co/800x400/0f172a/3b82f6?text=Avoiding+Cloud+Billing+Traps",1787398229122]