/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

7 votes136 views6 answers
Prop types in react
Javascript React
3 votes146 views1 answer
React pass props to children
Javascript React
1 vote137 views1 answer
Implementating step component in react
Javascript React
0 vote149 views1 answer
Use navigate in class component react native
Javascript React
7 votes168 views3 answers
Add backgorund image in react native app
Javascript React
-1 vote159 views2 answers
React js props lara css uygulama
Javascript React
6 votes134 views1 answer
Remove yellow warning react native emulator
Javascript React
1 vote154 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
3 votes155 views2 answers
Export default class react
Javascript React
5 votes174 views2 answers
React onclick new tab
Javascript React