Create React App does not understand basename router when in production

Asked Nov 22 '17 at 22:15

Active Nov 22 '17 at 22:15

Viewed 687 times

I am using create-react-app + react router to render a website on a subfolder (eg.: example.com/subfolder). Everything goes ok under development environment, but when I create a build to production, it does not understand the routes besides the initial Homecomponent at "example.com/subfolder".

My code is this:

<Router basename="/subfolder/">
   <main>
      <Switch>
         <Route exact path="/" component={Home}/>
         <Route path="/route-one" component={ComponentOne}/>
         <Route path="/route-two" component={ComponentTwo}/>
         <Route component={error404} />
       </Switch>
    </main>
</Router>

When I try to access ComponentOne or ComponentTwo routes, it should go to example.com/subfolder/route-one but it is not.

In my package.json, the homepage property is set to "."

Thanks for any help.

asked Nov 22 '17 at 22:15

danvitoriano

1,181
10
12

What happens when you try example.com/subfolder/route-one in the browser, what Error message? – xDreamCoding Nov 22 '17 at 23:35
It gets an ngnix error. Maybe this configuration should be done in ngnix? – danvitoriano Nov 23 '17 at 14:39
Your Webserver needs to ignore URL Parameters and always serve Index. Thats the Problem. – xDreamCoding Nov 23 '17 at 14:42
Hum...I'm not using parameters with my URL! And the server is pointing only to index :/ – danvitoriano Nov 23 '17 at 20:13
https://stackoverflow.com/questions/7027636/nginx-send-all-requests-to-a-single-html-page – xDreamCoding Nov 24 '17 at 10:12

Create React App does not understand basename router when in production

0 Answers0