404 Not Found when hard reload the page in react js with react build

Question

I am getting Not Found error when i am hard reloading the page but it works fine i do normal reload with build .Here is my Router tag. I did not use createBrowserHistory. Is it the issue?

<Router basename={process.env.PUBLIC_URL}>
           <Switch >
          <div >
            <Navbar />
            <Route exact path="/" component={HomeComponent} />
            <Route exact path="/score/:id" component={ScoreComponent} />
            <Route exact path="/login" component={LoginComponent} />
            <Route exact path="/forgotPassword" component={ForgotPasswordComponent} />
          </div> 
          </Switch >
      </Router>

anil sidhu · Accepted Answer · 2018-07-27 07:07:41Z

10

I resolve this issue by below .htaccess code

<IfModule mod_rewrite.c>
  RewriteEngine on
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_URI} !=/favicon.ico
  RewriteRule ^ index.html [L]
</IfModule>

answered Jul 27, 2018 at 7:07

anil sidhu

9631 gold badge9 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Neha Raghuvanahi Over a year ago

such a helpful answer, I was looking for this solution since so long. Thank you so much

Stefan · Accepted Answer · 2018-07-26 13:14:01Z

0

You get the 404 because the router doesn't figure out which path to choose. What if you use the Redirect tag as a catch all other cases kind of thing?

answered Jul 26, 2018 at 13:14

Stefan

1606 bronze badges

1 Comment

anil sidhu Over a year ago

i think this is not issue. the error is given by Apache is here . Not Found The requested URL /index.html was not found on this server. Apache/2.4.7 (Ubuntu) Server at localhost Port 80

Collectives™ on Stack Overflow

404 Not Found when hard reload the page in react js with react build

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related