【发布时间】:2020-12-06 05:25:06
【问题描述】:
我有一个由 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 控制台概览:
编辑:
这就是我使用 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')
);
【问题讨论】:
-
不确定您是如何构建托管文件夹的。 encor.cc/l/plans我被重定向到
domain.com/I/plans你可以尝试将所有HTML文件保存在公共文件夹中并重试 -
嗯.. 我该怎么做?哈哈;我所有的链接都在 index.js 中设置,因为我已经用代码更新了我的帖子
-
如果我访问
adripa-4771c.web.app并单击“计划”,我会得到 404,所以我看到两个域之间的行为相同。 404 建议您需要将主机重写配置为为所有请求提供index.html。 firebase.google.com/docs/hosting/full-config#rewrites
标签: reactjs firebase react-router react-router-dom firebase-hosting