/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 vote148 views2 answers
How to not use relative imports in react js
Javascript React
0 vote159 views1 answer
Mat slider in a reactve form
Javascript React
0 vote143 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote157 views1 answer
My vscode does not recognize react code syntax
Javascript React
1 vote143 views4 answers
Passing data in route react
Javascript React
1 vote138 views3 answers
Sticky footer react
Javascript React
0 vote149 views1 answer
React hooks link to external site
Javascript React
35 votes142 views6 answers
Create react app with tailwind
Javascript React
1 vote138 views2 answers
React js class component
Javascript React
0 vote138 views1 answer
Qr code generator in react native
Javascript React