/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

0 vote224 views4 answers
How to pass data between routes in react
Javascript React
0 vote269 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
1 vote218 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
2 votes208 views4 answers
Discord js remove reaction from user
Javascript React
7 votes204 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote219 views1 answer
React native button top right
Javascript React
0 vote223 views2 answers
React date picker disable past dates
Javascript React
136 votes688 views6 answers
Create a react app
Javascript React
14 votes266 views4 answers
&& in react jsx
Javascript React
5 votes213 views1 answer
Import react dom
Javascript React