在深度刷新firebase之后反应生产路由器404

时间:2018-02-16 12:10:52

标签: reactjs firebase firebase-hosting

我在index.js中有这条路线

 <Router history={customHistory}>
        <div className="row">
            <Switch>
                <Route exact path="/login" component={Login}/>
                <Route path="/home" component={Home}/>
                <Route path="/politicas" component={Policies}/>

                <Redirect exact from="/" to="/login"/>
                <Route exact path="*" status={404} component={NotFound}/>

            </Switch>

        </div>
    </Router>

在本地环境总是有效,但我有一个firebase应用程序,部署我使用的firebase项目:

  

npm run build

  

firebase部署

但是在深度刷新返回404之后的firebase应用程序中,唯一有效的路由是&#34; /&#34;,我该怎么办才能保持路由始终与任何路径一起使用?

1 个答案:

答案 0 :(得分:4)

我自己回答,有必要将以下内容添加到文件firebase.json

"hosting": {
  // Add the "rewrites" section within "hosting"
  "rewrites": [ {
    "source": "**",
    "destination": "/index.html"
  } ]
}