为什么react

为什么react-router在服务器上不起作用？(Why react-router does not work in the server? It shows 404 error after refreshing the page)

我有在服务器中部署的项目，但反应路由器不能正常工作。但是，它在本地服务器中工作正常。我不知道为什么？我的意思是，当我去不同的页面并刷新时，它显示我404错误。请有人帮忙!!! 例如： https ： //sciencepark.kz/researchpage

我的反应路由器代码

const App=(props)=>{ return( <Router history={browserHistory}> <Route path={"/"} component={Root}> <IndexRoute component={Layout}/> // make default page appears in main page <Route path={"newspage"} component={NewsPageContainer}/> //passing params <Route path={"researchpage"} component={ResearchPageContainer}/> //passing params <Route path={"servicepage"} component={ServicePage}/> //passing params <Route path={"businessincubatorpage"} component={BusinessIncubatorPage}/> //passing params <Route path={"startuppage"} component={StartUpPageContainer}/> //passing params <Route path={"fullinfomedia(/:id)"} component={FullInfoMediaContainer}/> //passing params <Route path={"fullinfonews(/:id)"} component={FullInfoNewsContainer}/> //passing params <Route path={"fullinfostartups(/:id)"} component={FullInfoStartUpsContainer}/> //passing params <Route path={"fullinforesearches(/:id)"} component={FullInfoResearchesContainer}/> //passing params <Route path={"layout"} component={Layout}/> </Route> <Route path={"layout"} component={Layout}/> </Router> ) };

I have the project that was deployed in the server, but the react router doesn`t work properly. However, it works fine in the local server. I have no idea why? I mean that when i go to different page and refresh, it shows me 404 error. Please, someone help!!! For example: https://sciencepark.kz/researchpage

my react router code

const App=(props)=>{ return( <Router history={browserHistory}> <Route path={"/"} component={Root}> <IndexRoute component={Layout}/> // make default page appears in main page <Route path={"newspage"} component={NewsPageContainer}/> //passing params <Route path={"researchpage"} component={ResearchPageContainer}/> //passing params <Route path={"servicepage"} component={ServicePage}/> //passing params <Route path={"businessincubatorpage"} component={BusinessIncubatorPage}/> //passing params <Route path={"startuppage"} component={StartUpPageContainer}/> //passing params <Route path={"fullinfomedia(/:id)"} component={FullInfoMediaContainer}/> //passing params <Route path={"fullinfonews(/:id)"} component={FullInfoNewsContainer}/> //passing params <Route path={"fullinfostartups(/:id)"} component={FullInfoStartUpsContainer}/> //passing params <Route path={"fullinforesearches(/:id)"} component={FullInfoResearchesContainer}/> //passing params <Route path={"layout"} component={Layout}/> </Route> <Route path={"layout"} component={Layout}/> </Router> ) };