/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

15 votes284 views5 answers
Usestate react hook
Javascript React
0 vote297 views1 answer
React native force vertical
Javascript React
0 vote314 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote317 views1 answer
React-native-checkbox in a loop
Javascript React
6 votes335 views1 answer
React-native loading screen
Javascript React
0 vote350 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
0 vote334 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote330 views1 answer
React native typescript nodejs timeout
Javascript React
0 vote338 views1 answer
React bootsrap color picker
Javascript React
1 vote317 views1 answer
React demo
Javascript React