/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

14 votes283 views5 answers
React conditional classname
Javascript React
0 vote296 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote278 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
2 votes293 views2 answers
React google maps
Javascript React
2 votes297 views4 answers
Multiple export in react
Javascript React
5 votes291 views2 answers
Onclick multiple functions react
Javascript React
0 vote359 views1 answer
Require cycle disable warning react native
Javascript React
9 votes329 views3 answers
Disable yellow box react native
Javascript React
0 vote288 views1 answer
Fullcalendar edit event modal react
Javascript React
15 votes291 views2 answers
UseReducer() hook react
Javascript React