时间戳

首页 > 解决方案 > Firebase 托管重定向网站没有所有页面

reactjs - Firebase 托管重定向网站没有所有页面

问题描述

我有一个由 Firebase 托管的 React 应用程序，并购买了一个自定义域www.encor.cc，以便我的应用程序可以部署在这个 url 上。但是，即使在将我的自定义 url (encor.cc) 重定向到 firebase 部署的 web url (adripa-4771c.web.app) 之后，encor.cc 除了主“/”页面外，其他所有页面都没有。

如果我现在访问 encor.cc，只有登录页面有效，其他所有页面都给我一个 404。但是，所有页面都在 adripa-4771c.web.app 中有效

对于如何解决这个问题，有任何的建议吗？谢谢

这是我的 Firebase 控制台概述：

firebase 托管控制台

编辑：

这就是我与 react-router-dom 建立链接的方式。此外，我的应用程序是使用 create-react-app 设置的。

ReactDOM.render(
  <ThemeProvider theme={theme}>
    <Router history={history}>
      <Switch>
        <Route exact path="/" component={Landing} />
        <Route exact path="/register" component={Register} />
        <Route exact path="/login" component={Login} />
        <Route exact path="/admin" component={Admin}/>
        <Route exact path='/:user' component={User}/>
        <Route exact path='/l/terms' component={Terms}/>
        <Route exact path='/l/privacy' component={Privacy}/>
        <Route exact path='/l/contact' component={Contact}/>
        <Route exact path='/l/blog' component={Blog}/>
        <Route exact path='/l/faq' component={Faq} />
        <Route exact path='/l/about' component={About}/>
        <Route exact path='/l/plans' component={Plans}/>
        <Route exact path='/l/forgot' component={Forgot}/>
      </Switch>
    </Router>
  </ThemeProvider>,
  document.getElementById('root')
);

标签： reactjsfirebasereact-routerreact-router-domfirebase-hosting

解决方案

添加这个似乎可以解决问题

    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]

推荐阅读