Firebase 托管复制和粘贴动态 url 不工作

Question

关于这个问题，我不知道在哪里搜索/搜索什么，所以我正在寻求帮助。

我有一个网站，其中包含用户生成的带有 uid 的帖子。 当有人浏览网站时，一切正常，但当 url 被复制并粘贴到新选项卡时，我得到一个空白屏幕和一个无法加载的选项卡。

我的路线 go 从“/”到

<Route path="/listings" element={<ListingsPage />} />

然后到

<Route path="/listings/:id" element={<ListingDetailPage />} />

单击帖子后。

我不确定这是路由问题、动态链接问题，还是可以通过 SSR / 云功能解决的某种类型的问题。

任何帮助将不胜感激。 我知道 Firebase 的开源云 function github 示例已有 4 年历史，想知道它是否仍然适用。

Answer 1

这似乎是一个路由问题。 如果在加载到新选项卡时没有正确给出 URL，您可能会遇到此类问题。 可以通过在路由组件中使用exact prop来修复它，如下所示<Route exact path="/listings/:id" element={<ListingDetailPage />} />以匹配确切的 URL。

exact 属性用于定义是否存在请求的路径。 通常它用于包装没有子路由的路由（例如主页）。

您可以查看此Stackoverflow 链接和可能对您有帮助的文档。