Debugging a Blank Page in Vue

A weeks ago, I received feedback from a user that my Vue UI was not loading – when navigating to the app, they were seeing a blank white screen. Caching was set correctly, and the app was working on all my devices. I was puzzled.

Logs revealed the client was requesting an old route. The authentication route had changed from /login to /sign-in around the time the blank screen issue began, but the user’s device was still requesting to the old URL.

I realized the user had a bookmark with the previous URL, and navigating to this route resulted in a blank screen in Vue because I did not have a catch-all route set. Whoops!

I fixed the routing and suggested updating the bookmark to the base URL of the app. Mystery solved!

Posting in case my dumb mistake helps others. :)