/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

14 votes185 views2 answers
Border react native
Javascript React
1 vote189 views1 answer
React native detect production
Javascript React
1 vote194 views1 answer
React redux wait for props
Javascript React
0 vote187 views1 answer
Concatenate state with previous state in react redux
Javascript React
5 votes195 views6 answers
Box shadow in react native
Javascript React
1 vote242 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote199 views1 answer
React js and graphql integration
Javascript React
0 vote243 views1 answer
Get LocalStorage from WebView react native
Javascript React
-1 vote181 views1 answer
Set className with ref react
Javascript React
1 vote214 views4 answers
Notification react native
Javascript React