Cant access react website with manual route links

Question

I was using netlify to deploy my app and I noticed that we cant access website using manual routes, and results in displaying 404 :

Even simple routes when visited manually like /login, are not working

We have to First visit homepage and navigate to other routes/pages from there only.

I am using react-router-dom and its purely frontend without any server

Did you read e.g. https://docs.netlify.com/configure-builds/common-configurations/#javascript-spas? There's a specific warning about 404s. — jonrsharpe, Jun 23 '21 at 07:52

score 2 · Accepted Answer · answered Jun 23 '21 at 08:32

I found the fix, in documentation as mentioned by @jonsharpe, Thanks

Basically you need a rewrite rule here which should be present in build/ folder, and would enable to access clean URLs

->>

1. Add _redirects file in public/ folder

2. Inside _redirects add /* /index.html 200

->>

and Voila!

This will also be reflected in the build deploy summary and logs

1 Answers1