/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 votes144 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote156 views1 answer
Get lat and long from address in react js
Javascript React
6 votes294 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote172 views1 answer
React native getting older version assets
Javascript React
1 vote217 views2 answers
Shadow on view in react natice
Javascript React
12 votes160 views2 answers
How to integrate redux dev tool to react application
Javascript React
1 vote141 views1 answer
React why onclick property function trigger without click
Javascript React
32 votes171 views1 answer
How to use routes in react js
Javascript React
4 votes182 views3 answers
React js get screen size
Javascript React
0 vote147 views1 answer
Clear React Native TextInput
Javascript React