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 😀

Jarod Mateus de Sousa Cavalcante • Oct 4 '20

love u

Za-Qar • Feb 2 '21

This is very helpful, thank you!

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

devcoder • Dec 27 '20

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

codeclassifiers • Nov 6 '20

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

Miguel Guimaraes • Nov 6 '20

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

Krupesh Anadkat • Sep 21 '20

Thanks man :)

Rajesh Royal • Sep 26 '20

you're welcome 😀

Kizito Nwaka • Feb 13 '21

Thanks 🙏

Mateus Costa Silva • Nov 14 '20

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

MrIsrael • Oct 29 '20

Thanks a lot, man!

Hassan El Mghari • Nov 10 '20

You are a live saver my man

Can • Dec 16 '20

Thank you! That was what I needed.

Melinda Cardenas • Apr 18 '21

this worked for me! thank you :-)

Hamza-Aouni • Nov 23 '20

Arigato !!

Sahl Khalifa • Dec 24 '20

Thank you. Simple & effective

Anyanwu Nzubechi Godswill • Jan 15 '21

Wow! Thanks a lot man!

Animesh Singh • Dec 6 '21

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

Jonatas de Oliveira Coêlho • Mar 4 '21

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

Dhruvin • Feb 10 '21 • Edited

very helpful

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 😉

Rodolfo • Jan 1 '24

It works. Thanks!

Largenty • Feb 12 '21

You are the best!

didiBonocore • Jan 30 '22

It worked! Thanks, really good explanation.

Adam Sheridan • Apr 14 '22

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

Rafiur Rahman Protik • Dec 2 '21

It's working! Thanks Rajesh.

SauravKumarJhaNITW • Dec 26 '22

Helpful!

Neel • Sep 7 '21

That worked!, Thanks a lot man

mohamed atta • Feb 4 '21

Thanks man 🙏🙏🙏

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.

Aruj • Jun 21 '22

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

bayorwor • Dec 26 '22

Saved my life

Paul C. Ishaili • Mar 13 '22

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

ngochieu276 • Jan 9 '22

thanks Rajesh, perfect answer

Thiago Henrique Domingues • Feb 8 '22

Thanks man!

Lucas Frazier • Mar 27 '22

Thank you. This solved my problem.

Ben • May 23 '22

I have been looking everywhere for a solution thank you!

Mahmodul Shahin • Sep 9 '22

thank you for save my project. haha :)

Mohamed Ashiq Sultan • Dec 5 '22

Thanks, for sharing

George Raveen • Feb 6 '23

Thanks a lot. Solved my problem.

Sakib Ahmed • Feb 27 '23

hi, why it doesnt work on custom domain?

Abhinav Deep Rastogi • Feb 24 '23

You saved my life Brother ! Lots of love <3

Srishty Mangutte • Feb 14 '23 • Edited

Thanks for this post. It actually helped a lot !

Heetae Kim • Oct 13 '22

Thanks @mellim 👍

RizwanMushtaq • Jan 21 '22

thanks

Khethelo Ndhlala • Dec 26 '21

Thank you very much Rajesh ⭐

niko • Dec 8 '21

Thank you very much

Kshitiz Pal • Aug 2 '22

Thanks. It worked for me.

Rohits20 • May 23 '23

Thanks bro!! It worked

Abey Saji Kurian • Nov 15 '22

Thank you soo much ! it work perfectly

Renan Oliveira • Feb 14 '22

Thanks man! It's works for me!

Harsh Mathur • Jan 21 '22

THANK YOU SO MUCH

ijlal ansari • Nov 29 '22

hey there still not working

Kotesh_🔯 • Nov 4 '22

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

Diyafury • Jun 21 '22

Saved me! thank you!

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

Ibrahim Khalil • Oct 20 '22

Thanks for sharing. This worked fine.