Today we will learn how to overcome netlify redirect issue for React web app
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1677685777854/442201e7-ef7e-4804-aa71-3da27d9198b5.png" alt class="image--center mx-auto" />
If you are using netlify I'm sure you face the above issue but when I'm here nothing to fear. Let's solve the issue of netlify redirect.
Now, what the issue is?? So the issue is whenever we try to access any internal route of our application directly it throws a 404-page error. Let's solve the issue.
<ul>
<li>Open your code editor.
</li>
<li>Now go to the public folder and create a new file "__redirects".
</li>
<li><pre><code class="lang-bash"> /* /index.html 200
</code></pre>
 Paste the above code in your "__redirects" file.
</li>
<li>Now this redirect rule which was just added to the public folder will always serve the index.html file not a 404 page.
</li>
<li>Now commit your changes and build your project for production.
</li>
<li>Now revisit the link.
</li>
</ul>
<img src="https://media1.giphy.com/media/dIxkmtCuuBQuM9Ux1E/giphy.gif?cid=ecf05e47b1as91wqajnso1rz9mwr5rbk78svzz2t9d42u20u&amp;rid=giphy.gif&amp;ct=g" alt="its working GIF" class="image--center mx-auto" />
<hr />
Thanks a lot for reading till the end 🙏 You can contact me in case if you need any assistance:
Email: <a target="_blank" href="mailto:atul19251@gmail.com">atul19251@gmail.com</a>
Web: <a target="_blank" href="https://iamatul.netlify.app/">https://iamatul.netlify.app/</a>
GitHub: <a target="_blank" href="https://github.com/iamrajput">https://github.com/iamrajput</a>
LinkedIn:<a target="_blank" href="https://www.linkedin.com/in/atul-kumar-singh-673357102/">https://www.linkedin.com/in/atul-kumar-singh-673357102/</a>

Today we will learn how to overcome netlify redirect issue for React web app

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1677685777854/442201e7-ef7e-4804-aa71-3da27d9198b5.png align="center")

If you are using netlify I'm sure you face the above issue but when I'm here nothing to fear. Let's solve the issue of netlify redirect.

**Now, what the issue is?? So the issue is whenever we try to access any internal route of our application directly it throws a 404-page error. Let's solve the issue.**

* Open your code editor.
    
* Now go to the public folder and create a new file "\_\_redirects".
    
* ```bash
      /*  /index.html 200
    ```
    
    Paste the above code in your "\_\_redirects" file.
    
* Now this redirect rule which was just added to the public folder will always serve the index.html file not a 404 page.
    
* Now commit your changes and build your project for production.
    
* Now revisit the link.
    

![its working GIF](https://media1.giphy.com/media/dIxkmtCuuBQuM9Ux1E/giphy.gif?cid=ecf05e47b1as91wqajnso1rz9mwr5rbk78svzz2t9d42u20u&rid=giphy.gif&ct=g align="center")

---

Thanks a lot for reading till the end 🙏 You can contact me in case if you need any assistance:

**Email**: [atul19251@gmail.com](mailto:atul19251@gmail.com)

**Web**: [https://iamatul.netlify.app/](https://iamatul.netlify.app/)

**GitHub**: [https://github.com/iamrajput](https://github.com/iamrajput)

**LinkedIn**:[https://www.linkedin.com/in/atul-kumar-singh-673357102/](https://www.linkedin.com/in/atul-kumar-singh-673357102/)

Netlify Redirects

Netlify Redirects 🧐

Dedicated and efficient full stack developer with 6+ years of experience in application layers, presentation layers, and databases 🙂


Netlify Redirects 🧐

Table of contents

No headings in the article.