/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

4 votes210 views1 answer
React native radio buttons
Javascript React
1 vote222 views1 answer
Put two buttons in a row in react native
Javascript React
0 vote217 views1 answer
React live chat widget
Javascript React
0 vote204 views1 answer
Floating button react
Javascript React
1 vote213 views1 answer
Lazy loading pagination react npm
Javascript React
1 vote209 views1 answer
Document not intialized react js
Javascript React
92 votes194 views6 answers
React router dom
Javascript React
6 votes211 views5 answers
Scroll to top in react
Javascript React
0 vote235 views1 answer
One component overlapping on other in react.js app
Javascript React
0 vote193 views1 answer
React open url with button
Javascript React