/Javascript/React/Site cannot be accessed broken link or url that doesn’t exist react netlify

Site cannot be accessed broken link or url that doesn’t exist react netlify

If you see "Not Found" error while directly browsing to a specific path, For eg: https://yourdomain.com/something , this might be helpfull (ReactJS):

In your public folder (folder which contains index.html) create a file called _redirects with no extension. Then, type the following inside it:

/*    /index.html    200

Now save, commit, push and publish. :)

Reason for "Not Found" is because, when using router eg: React Router it handles all the routes but when you directly goto an endpoint, netlify must know where to redirect you. That is what we are specifying in the _redirects file.

Source: stackoverflow.com

Similar codes

32 votes323 views1 answer
React touter dom
Javascript React
7 votes364 views4 answers
Import image in react js
Javascript React
4 votes353 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote391 views1 answer
React native controlling device brightness
Javascript React
0 vote343 views2 answers
React date picker disable past dates
Javascript React
0 vote354 views1 answer
React first click not working
Javascript React
3 votes328 views1 answer
React hooks delete item from array
Javascript React
3 votes343 views1 answer
How to use react-fontawesome
Javascript React
3 votes326 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote339 views1 answer
Fetchutils in react admin
Javascript React