/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 votes224 views1 answer
React not getting img by src
Javascript React
1 vote229 views1 answer
Responsive calc height react native
Javascript React
0 vote263 views1 answer
Add pdf in react app
Javascript React
0 vote258 views1 answer
React props change
Javascript React
4 votes249 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
0 vote235 views1 answer
React auto import sometime not working
Javascript React
18 votes225 views5 answers
How to use svg in react js
Javascript React
2 votes291 views2 answers
Select field in react native
Javascript React
7 votes229 views3 answers
How to update react state array
Javascript React
0 vote257 views1 answer
Route with parameter react not working not found
Javascript React