Reactjs site doesn't load any sub pages other than homepage, hosted on Netlify

Question

I hosted one of my website on Netlify. Site was built with ReactJS.

After deploying on Netlify, I can view the homepage but can't load any of the other pages.

Site works totally fine in localhost.

Is this a problem with routing?

I used react-router for routing.

found the solution here https://dev.to/rajeshroyal/page-not-found-error-on-netlify-reactjs-react-router-solved-43oa — Meraj Kazi, Dec 22 '21 at 13:45

score 1 · Answer 1 · answered Dec 22 '21 at 13:37

1

Try to create a new file in your project public folder called _redirects then add this inside it

/* /index.html 200

answered Dec 22 '21 at 13:37

Mohamed Salah

this worked. Also found this solution in this blog too. https://dev.to/rajeshroyal/page-not-found-error-on-netlify-reactjs-react-router-solved-43oa – Meraj Kazi Dec 22 '21 at 13:42
While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Vimal Patel Dec 22 '21 at 14:33
1

@VimalPatel I did answer his question, the answer is basically that line – Mohamed Salah Dec 23 '21 at 01:25

score 0 · Answer 2 · answered Dec 22 '21 at 13:44

Just found this blog post. This gives a good explanation.

Creating a file called _redirects in the public folder and adding this code

/* /index.html 200

solves the problem.

2 Answers2