Skip to content

DEV Community

Page Not Found Error on Netlify Reactjs React Router solved

Rajesh Royal on June 04, 2020

So you made a Single Page Application and It’s working great on localhost npm or yarn server. And now you made a build of this site and deploy it t...

Read full post

Mel Lim • May 1 '21 • Edited

Thanks for this, Rajesh! You definitely put me on the right track. I found the _redirects file didn't seem to like working with my netlify.toml, which I was already using to redirect API calls to my backend. I found this sample code to add to my netlify.toml file in the Netlify documentation:

[COMMENT] The following redirect is intended for use with most SPAs that handle routing internally.

[[redirects]]
from = "/*"
to = "/index.html"
status = 200

Link to documentation here: docs.netlify.com/configure-builds/...

Tip: scroll through the sample file that is provided or use find on your browser as it is kind of lost in a sea of other sample code.

Rajesh Royal • May 9 '21

Thanks @mellim
This detailed comment is definitely going to help somebody.

humble-codes • Dec 14 '22

this did work for me when i deployed it on Netlify platform, but failed to work when deployed the same static site on Render platform. Can you explain, how to solve the issue while deploying on render platform

Rajesh Royal • Dec 15 '22

I never worked with this platform before.

Imeh Usoro • Sep 21 '22

This was my solution. Thanks a lot, Mel!

Arieee • Apr 21 '21

I tried this and still did not work

Rajesh Royal • May 9 '21

Maybe you missed any config or having some other issue with project. please provide more information so people from comments can also help. Thanks.

Ana Beatriz • Nov 19 '21

For me too.

Felipe Ramos Kafuri • Sep 17 '20

Thanks thats saved me haha

Rajesh Royal • Sep 26 '20

you're welcome 😀

Animesh Singh • Dec 6 '21

Thanks! Worked awesome.
I had missed the note to add _redirects to public/ folder. Fixed and good!

codeclassifiers • Nov 6 '20

Thank you so much for this fix. This is a really useful tip.

Krupesh Anadkat • Sep 21 '20

Thanks man :)

Rajesh Royal • Sep 26 '20

you're welcome 😀

Miguel Guimaraes • Nov 6 '20

I had the same issue and it worked for me. Thank you man!

Can • Dec 16 '20

Thank you! That was what I needed.

Sahl Khalifa • Dec 24 '20

Thank you. Simple & effective

devcoder • Dec 27 '20

life saver!, thanks for this, i spent days researching this issue and was about to give up

Anyanwu Nzubechi Godswill • Jan 15 '21

Wow! Thanks a lot man!

Za-Qar • Feb 2 '21

This is very helpful, thank you!

MrIsrael • Oct 29 '20

Thanks a lot, man!

Dhruvin • Feb 10 '21 • Edited

very helpful

Kizito Nwaka • Feb 13 '21

Thanks 🙏

Jonatas de Oliveira Coêlho • Mar 4 '21

Hey, Rajesh! You helped me a lot! Thank you very much!

Roxana F • Mar 9 '21

You are a life saver!!! Thanks from the bottom of my heart <3

Rajesh Royal • May 9 '21

Your welcome sir 😉

Joe Avila • Mar 26 '21

You are doing god's work

Rajesh Royal • May 9 '21

heheheh 😄

hector vargas • Mar 30 '21

thanks a lot man

Melinda Cardenas • Apr 18 '21

this worked for me! thank you :-)

Hassan El Mghari • Nov 10 '20

You are a live saver my man

Mateus Costa Silva • Nov 14 '20

You saved me!! Thank you so much!!!

Hamza-Aouni • Nov 23 '20

Arigato !!

Rodolfo • Jan 1 '24

It works. Thanks!

osama • Nov 4 '20

Thanks man <3

NikosSp • Dec 4 '20

You are awesome, thanks!!!
I have on question though, will I have the same problem if I deploy my app to another hosting provider?
Or is it a strictly netlify issue??

Rajesh Royal • Dec 15 '20

depends on the configuration of that host, please read their documentation related to routing.

mohamed atta • Feb 4 '21

Thanks man 🙏🙏🙏

Largenty • Feb 12 '21

You are the best!

Neel • Sep 7 '21

That worked!, Thanks a lot man

Rafiur Rahman Protik • Dec 2 '21

It's working! Thanks Rajesh.

Khethelo Ndhlala • Dec 26 '21

Thank you very much Rajesh ⭐

ngochieu276 • Jan 9 '22

thanks Rajesh, perfect answer

RizwanMushtaq • Jan 21 '22

thanks

didiBonocore • Jan 30 '22

It worked! Thanks, really good explanation.

Thiago Henrique Domingues • Feb 8 '22

Thanks man!

Ben • May 23 '22

I have been looking everywhere for a solution thank you!

Aruj • Jun 21 '22

Thanks for this concise solution. It saved me quite a lot of time!

Mahmodul Shahin • Sep 9 '22

thank you for save my project. haha :)

Heetae Kim • Oct 13 '22

Thanks @mellim 👍

Mohamed Ashiq Sultan • Dec 5 '22

Thanks, for sharing

bayorwor • Dec 26 '22

Saved my life

SauravKumarJhaNITW • Dec 26 '22

Helpful!

George Raveen • Feb 6 '23

Thanks a lot. Solved my problem.

Srishty Mangutte • Feb 14 '23 • Edited

Thanks for this post. It actually helped a lot !

Abhinav Deep Rastogi • Feb 24 '23

You saved my life Brother ! Lots of love <3

Sakib Ahmed • Feb 27 '23

hi, why it doesnt work on custom domain?

Paul C. Ishaili • Mar 13 '22

This is really helpful! Permission to share on my dev page

Lucas Frazier • Mar 27 '22

Thank you. This solved my problem.

Adam Sheridan • Apr 14 '22

You sir are a life saver! Thank you!!!

Renan Oliveira • Feb 14 '22

Thanks man! It's works for me!

Ibrahim Khalil • Oct 20 '22

Thanks for sharing. This worked fine.

Kotesh_🔯 • Nov 4 '22

Awesome!
Sorted my issue and just started writing a well explained PR, by resolving this issue
Thank you Rajesh 🤝

Abey Saji Kurian • Nov 15 '22

Thank you soo much ! it work perfectly

cpx2017 • May 13 '22

Hello, I'm newbie of Netlify and use React JS for almost default frontend framework. This solution article is helpful. Thanks

ijlal ansari • Nov 29 '22

hey there still not working

Diyafury • Jun 21 '22

Saved me! thank you!

Kshitiz Pal • Aug 2 '22

Thanks. It worked for me.

Harsh Mathur • Jan 21 '22

THANK YOU SO MUCH

niko • Dec 8 '21

Thank you very much

Rohits20 • May 23 '23

Thanks bro!! It worked