/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

125 votes262 views6 answers
Install React Bootstrap
Javascript React
1 vote165 views3 answers
Antd react
Javascript React
0 vote201 views1 answer
Header logo react native doesn't show
Javascript React
0 vote193 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote187 views1 answer
React open a link to an outside siite
Javascript React
3 votes209 views2 answers
React get route path
Javascript React
0 vote182 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote217 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
3 votes206 views2 answers
How to get custom attribute value in react
Javascript React
8 votes184 views3 answers
React latest version
Javascript React