When we deploy a site in Netlify everything works pretty fin but when it comes to routing there are some errors like when we navigate to Blog page in a site it takes us to
yoursite.com/blog that's fin. But! When we refresh that same page then we see this screen.
Thankfully,Netlify provides us a way to do this via a
_redirects file. You need to make sure that this file sits at the root of your build directory.
Just create a new file with the name of
_redirects and put this file in the root folder of your site. Then after add below code in that file. That's it
/* /index.html 200
Above line states that we want all paths redirected to
/index.htmlwith response of 200.
Add one or more redirects tables to your Netlify configuration file. This method allows for more structured configuration and additional capabilities, as described in the Netlify configuration file syntax section below.
home / /blog/my-post.php /blog/my-post /news /blog /cuties https://www.yoursite.com
You can customize and alter the redirect behavior by adding options to the end of each line. Visit the redirect options and rewrites and proxies docs for more details.
from: The path you want to redirect.
to: The URL or path you want to redirect to.
status: The HTTP status code you want to use in that redirect; 301 by default.