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 😀

codeclassifiers • Nov 6 '20

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

Dhruvin • Feb 10 '21 • Edited

very helpful

Animesh Singh • Dec 6 '21

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

Za-Qar • Feb 2 '21

This is very helpful, thank you!

Jonatas de Oliveira Coêlho • Mar 4 '21

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

Melinda Cardenas • Apr 18 '21

this worked for me! thank you :-)

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 😉

Mateus Costa Silva • Nov 14 '20

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

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

Kizito Nwaka • Feb 13 '21

Thanks 🙏

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

Hamza-Aouni • Nov 23 '20

Arigato !!

Jarod Mateus de Sousa Cavalcante • Oct 4 '20

love u

MrIsrael • Oct 29 '20

Thanks a lot, man!

Hassan El Mghari • Nov 10 '20

You are a live saver my man

Anyanwu Nzubechi Godswill • Jan 15 '21

Wow! Thanks a lot man!

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!

Rodolfo • Jan 1

It works. Thanks!

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 !

George Raveen • Feb 6 '23

Thanks a lot. Solved my problem.

SauravKumarJhaNITW • Dec 26 '22

Helpful!

bayorwor • Dec 26 '22

Saved my life

Mohamed Ashiq Sultan • Dec 5 '22

Thanks, for sharing

Mahmodul Shahin • Sep 9 '22

thank you for save my project. haha :)

Aruj • Jun 21 '22

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

Ben • May 23 '22

I have been looking everywhere for a solution thank you!

Adam Sheridan • Apr 14 '22

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

Lucas Frazier • Mar 27 '22

Thank you. This solved my problem.

Paul C. Ishaili • Mar 13 '22

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

Thiago Henrique Domingues • Feb 8 '22

Thanks man!

didiBonocore • Jan 30 '22

It worked! Thanks, really good explanation.

RizwanMushtaq • Jan 21 '22

thanks

ngochieu276 • Jan 9 '22

thanks Rajesh, perfect answer

Khethelo Ndhlala • Dec 26 '21

Thank you very much Rajesh ⭐

Neeleshwar • Sep 7 '21

That worked!, Thanks a lot man

Rafiur Rahman Protik • Dec 2 '21

It's working! Thanks Rajesh.

mohamed atta • Feb 4 '21

Thanks man 🙏🙏🙏

Largenty • Feb 12 '21

You are the best!

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.

Heetae Kim • Oct 13 '22

Thanks @mellim 👍

ijlal ansari • Nov 29 '22

hey there still not working

Rohits20 • May 23 '23

Thanks bro!! It worked

Renan Oliveira • Feb 14 '22

Thanks man! It's works for me!

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

Diyafury • Jun 21 '22

Saved me! thank you!

Kshitiz Pal • Aug 2 '22

Thanks. It worked 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

niko • Dec 8 '21

Thank you very much

Harsh Mathur • Jan 21 '22

THANK YOU SO MUCH