404 error when i refresh/reload page everysingle page other than landing page. React app with react-router-dom

[nathanmartin]

@daman-m When you say “I’ve tried adding a redirects file and the issue still persists”… what did you put in the redirects file?

This is almost certainly the issue you’re experiencing:

Page Not Found when using home link or details page link

@blogfreerecipe This is occurring because your site is a react based SPA (Single Page Application). When you visit the site via the root / it is automatically loading the index.html which is your application, and then when you visit other pages you never actually leave the index.html page (it just looks like you do). So /recipeDetails/110133d3dd574821a9ab17b9d160d06d loads in additional data and simulates a browser page change. However when you make a fresh request for example by going to one…

I explained “why it works” as an answer to another user here:

Can't Go To Page via URL Address Bar

@kautif What about it don’t you understand? It works because it proxies every request made to your site to the /index.html file, basically it returns the /index.html file no matter what URL you access the site via. So instead of a request to /user/games trying to return a file from /user/games.html (or /user/games/index.html), the proxy causes it to return /index.html at which point the route (/user/games) is handled by your react application… which only exists on that single index.html page.