CODEWITHSUNDEEP
reactjswebreact-router
thecoder-elite
thecoder-elite

Reputation: 81

I am getting 404 not found error when trying to enter URL'S manually in react

I am getting a 404 error whenever I try to enter a URL directly in the browser whereas, the normal routing using react-router-dom works fine.

I have a nested routes structure with the nested routes being lazy loaded.

I have also read about a few potential solutions including hashrouter but it comes with the disadvantage of having a hash in the url

Are there any other solutions?

Upvotes: 1

Views: 8861

Answers (1)

Jordan Arldt
Jordan Arldt

Reputation: 376

When using React, it's important to understand that the app is only initially loaded when you call the index route (e.g. localhost:3000/), so if you're manually browsing to certain routes (e.g. localhost:3000/testroute), your browser is attempting to GET that specific route rather than loading the React application first.

I'd suggest checking out the answer on this post, as it provides a very detailed explanation and potential solutions. On one of my React apps I encountered this issue and was able to resolve it with a DNS wildcard.

Upvotes: 4

Related Questions