Direct navigation to pages other than the root URL breaks without service workers about personal-logger

[bvaughn]

Ah. I believe this is actually a service-worker issue. (Mobile Safari doesn't support them.)

Looking a little more closely at this, curl https://personal-logger.now.sh/foods returns a 404 response, which is consistent with what I'm seeing on mobile.

That same URL in (desktop) Chrome is handled by the service worker, which is what redirects it to the SPA.

[bvaughn]

I tried following the Now create-react-app guide and using serve for routing, but this caused my deploys to start failing with an out of memory error. This might be due to the fact that I'm on the cheapest plan.

For now, I think I'll just fix this by replacing the BrowserRouter with the HashRouter.

[bvaughn]

Resolved via d5ad60c

[ishankbahl]

Hey @bvaughn , wasn't able to recreate the bug on my device. Direct navigation didn't break anything.

[bvaughn]

Really! So you can successfully eg delete things?

This consistently 404s for me, on device and simulator

[ishankbahl]

Was able to delete things successfully.

[bvaughn]

Strange. Any time I try to create a new item, or delete one, or navigate to any page other than the root URL- I get a 404 back. This happens on my iPhone for Chrome and Safari, and on my simulator for Safari.

[robertcoopercode]

I've managed to reproduce the bug on my iPhone 8 using Chrome. If I refresh a page or try deleting an item, I get a 404.

[bvaughn]

👍

I see that behavior in all of my iOS browsers, on all iOS devices/simulators.

[bvaughn]

Confirmed by visiting https://personal-logger.now.sh/foods on Chrome in Android. Got the 404 response. Then visited https://personal-logger.now.sh before retrying https://personal-logger.now.sh/foods and it worked the second time (because the service worker had been installed).

[bvaughn]

So I think the solution to this is to configure Now to do a 404 redirect for me.