/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

1 vote352 views1 answer
Tailwind css react craco package.json
Javascript React
0 vote364 views1 answer
React bootstrap navbar align right buttons
Javascript React
0 vote367 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote368 views1 answer
React-scripts not found
Javascript React
0 vote366 views1 answer
React hooks component re render when button press
Javascript React
0 vote386 views1 answer
Declaring variable react hooks
Javascript React
98 votes406 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
0 vote374 views1 answer
Force users to update your application in React Native
Javascript React
0 vote442 views1 answer
React set multible attribute values
Javascript React
2 votes346 views1 answer
Combining two styles react native
Javascript React