问题标签 [next-router]

I have page which can have one of 2 params. email and hash if there are not present I want to redirect the user.

I have tried the following:

But the problem on first render both of them are undefined and the user gets redirected even if the hash or email params are present.

How can I fix this ? any suggestions ?

使用带有默认服务器和文件系统路由的 Next.JS 9.1.2 项目。

我想知道是否可以自定义文件系统路由以忽略某些路径。

具体来说，我希望我的目录结构下/pages/import有一个partials子目录，我可以在其中将主导入页面分成更小的部分。我也想对我的大多数其他页面执行此操作。但是，添加partials目录会为包含在部分中的所有页面创建路由，这不是我的意图。

我可以使用重写或重定向来让用户看到主页而不是其中的一个部分，但路由仍在构建时生成，我想避免这种情况。

无论如何自定义文件系统路由以忽略某些路径？

我想要一个不需要运行客户 server.js 的解决方案。

当我单击它时Link，PublicMyTeam.js 它使用路由器传递查询（= el.group_name）。

但是由于 的异步问题，在中useRouter()发生了错误。useEffect()[group].js

它无法读取dbService.collection(group)。

我该怎么办？

我想在我的应用程序中拥有静态路由，同时保存在某处读取它们的能力。

例如：

在我的代码库中的某个地方：

问题是它AccountPages 会为任何页面返回一些值，但是account/settings

是否可以读取AccountPages与静态页面匹配的路由？

我在 NextJs 项目的自定义服务器中有以下路由模式。在开发过程中一切正常。但在生产构建中，该路线无法识别并转到 404 页面。

路线

在开发中，我可以使用此代码获得两个参数。

包/index.tsx

但是当我在 docker 中构建项目并运行它http://localhost:3000/photo-in-london时，深度链接时路由达到 404。适用于 SPA 导航。

知道我在这里做错了什么吗？

我将一个 json 文件导入我的 react 应用程序（使用 next.js 路由器），并且需要通过 URL 中的参数访问其中的一个字段。当我从另一个页面导航时它可以工作，但当我刷新页面或直接访问它时它(/home -> /annotations/<some id>)不起作用。(/annotations/<some id>)

JSON：

如果我只访问tangrams[tangramId]，它可以正常工作，但如果我访问tangrams[tangramId]["viewBox"]，它会抛出server error: TypeError: Cannot read property 'viewBox' of undefined.

知道为什么会这样吗？

有点奇怪...

我已经为我的一个项目的根索引页面指定了重定向路径。它没有问题并将我重定向到正确的路径，但现在它将我重定向到我所有其他项目的根索引页面的相同路径。（尝试访问localhost:3000现在会将我重定向到localhost:3000/ggp以获取我所有的项目）

我尝试重新启动服务器，删除原始项目中的 next.config.js 文件，注释掉重定向键，在原始项目和另一个项目中用不同的路径覆盖它，但都无济于事。

这是我第一次创建 next.config.js 文件，显然是第一次使用重定向键。我遵循文档中的指导（https://nextjs.org/docs/api-reference/next.config.js/redirects）。

起初我认为这可能是因为我将永久设置为 true，但这似乎有点奇怪的特性使它成为全局，当我在开发模式（下一个开发）和调试下运行不同的项目时，一切正常它应该。所以我不确定这个值是否只是在第一次使用时被缓存或什么的。

有没有人遇到过这个/知道解决方法？感谢您的帮助！

原始的 next.js。

我正在为我的应用程序使用下一个 js，并且在路由到应用程序的上一个路由时遇到了一些问题。我知道路由器功能 back() 类似于 window.history.back()，我想在单击链接时返回路由，并且如果上一个链接不是来自我的应用程序或为空，我想默认进入主页。

我为我的 react 应用程序使用了 react-router-last-location 之类的库，但我想看看是否有更好的方法可以通过 next/router 在下一个 js 中执行此操作。

这是我的示例代码：

如果我在 href 输入中使用 router.back()，页面甚至在加载之前就会自动返回，我该如何解决这个问题？

我想在我的页面中保留页眉/导航和页脚内容，但有一个通过导航更改的中心内容部分。

我考虑过的方法是：保留从应用程序的 index.js 呈现的“静态”内容并加载不断变化的内容 - 单独使用 index 作为 SPA。

• 这会导致几个问题。这是相反的 nextjs 结构，因为它使用其路由和页面方案重新加载，我只想加载中心内容。
• 两个它的 SSR，这是一种 CSR 类型的需求。
• 第三，如果我可以使用页面来做到这一点并持久化数据，这意味着在每次导航更改时为几乎整个应用程序（在我的情况下）提供服务。这似乎不必要且昂贵。

另一种方法可能是通过在布局组件中提供/渲染页眉和页脚来拆分此 SSR-CSR，然后编写一些 JS 代码或使用一些反应状态在客户端上使用 Nav 道具交换该中心组件。这是一个非常小的项目，所以 Redux（我很难实现它）出来了。

有没有人遇到过这个问题？如果是这样，我应该如何处理这个/你是如何处理这个的？这似乎很简单，我想我只是对它不够了解。

我有一个带有用于深色背景的白色链接的菜单（用于主页）和带有用于其他所有页面的深色链接的菜单。

无论出于何种生产原因，react/NextJS 都会在第一页加载时忽略它，即使当我控制台路径是“/”时也是如此。有什么建议可以解决这个问题吗？如果我打开并单击主页链接，控制台路径仍然是“/”，我可以获得正确的菜单。