/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 vote330 views1 answer
Cleartimeout react
Javascript React
0 vote379 views2 answers
Install boxicons in react
Javascript React
5 votes342 views3 answers
React default proptypes
Javascript React
-1 vote346 views5 answers
Context Api in react
Javascript React
1 vote333 views1 answer
Node js and react js difference
Javascript React
23 votes405 views6 answers
React hooks useeffect
Javascript React
12 votes363 views3 answers
Font weight react native
Javascript React
4 votes359 views1 answer
How to add custom font to react project
Javascript React
0 vote326 views2 answers
Textarea react native
Javascript React
2 votes388 views2 answers
Prevent a page from refreshing in react
Javascript React