/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 votes133 views1 answer
Reactsj substring
Javascript React
0 vote98 views1 answer
Import button react-bootstrap
Javascript React
0 vote144 views3 answers
Django send and receive image data to react
Javascript React
0 vote154 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
0 vote439 views1 answer
React navigation 4
Javascript React
1 vote141 views1 answer
Forcechange input reactiveform
Javascript React
0 vote152 views1 answer
React native prevent rotation of screen
Javascript React
10 votes148 views2 answers
React-native text overflow ellipsis
Javascript React
7 votes142 views5 answers
Resize image react native
Javascript React
0 vote137 views1 answer
How to reload webview in react native
Javascript React