/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

2 votes202 views2 answers
React material ui media queries
Javascript React
0 vote187 views4 answers
React node sequilize
Javascript React
32 votes216 views1 answer
'react-router-dom'
Javascript React
0 vote209 views1 answer
React native add bottom tab and drawer menu
Javascript React
0 vote213 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote207 views1 answer
Reduce to calculate sum react
Javascript React
4 votes188 views1 answer
Import react icons module
Javascript React
4 votes258 views1 answer
Enable emmit on react
Javascript React
0 vote212 views1 answer
Hide react from netlify
Javascript React
0 vote253 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React