问题标签 [dynamic-routing]

通常在 Next.js 中，您可以使用文件结构实现动态路由，例如：

pages/products/[id].js这将导致www.website.com/products/productId2323

我试图在我的路由中实现“工作区”标识符，以便当用户登录时，从 API 检索他们的相关工作区，然后可以将它们路由到属于该工作区的路由，例如：

www.website.com/WorkSpaceName/

是否有可能做到这一点而不必有一些中间的蛞蝓？

我正在使用 next.js，在开发模式下一切正常，但在生产模式下动态渲染页面时出现问题。我在 pages 文件夹中有以下路径 pages/user/[id]，这个组件是我调用 getServerSideProps 函数的地方。

我的问题如下，我需要发送headers仅在登录时获得的身份验证令牌并获得 2FA 代码，因此build及时，该信息不存在，并且在执行时npm run build和执行时出现 401 错误无授权访问/user/34例如我得到一个 404 错误。

我在stackoverflow上检查了这些问题：

• NextJs：动态路由的静态导出
• https://stackoverflow.com/questions/61724368/what-is-the-difference-between-next-export-and-next-build-in-next-js#:~:text=After%20building%2C%20next %20start%20starts,can%20serve%20with%20any%20host.&text=js%20will%20hydrate%20your%20application,to%20give%20it%20full%20interactivity。
• next.js getStaticPaths 列出每条路径还是仅列出附近的路径？

我的应用程序中有一些部分是静态的并且工作正常，但问题在于动态路径，因为 next.js 没有创建这些路径。

编辑：我将包含一个有其他问题的图像，如果在获取之后我只是说：

我会收到这个错误：

我正在尝试从 firebase 集合中获取数据，这很好，但我的目标是仅显示具有特定 ID 的数据（在用户单击链接以显示标题的更多信息之后）

该应用程序的架构很简单：

1) DisplayTitle：显示从数据库中获取的标题列表，每个标题都是一个链接，允许我们转到另一个页面以显示有关特定标题的更详细信息。

2) DisplayId：应该显示有关用户单击的标题（链接）的更多详细信息。这些信息将是：关键字，作者，电子邮件...等。

该组件的问题在于它从数据库中获取所有信息（不仅针对用户单击的指定标题，因此我需要使用 id 进行过滤，但我不知道如何在此特定示例中应用它。 . 由于这行代码，我能够获得特定的 id ： const { id } = useParams()

3) 应用程序.js

Ps : DisplayId 组件从数据库中返回所有数据而无需过滤 const { id } = useParams() 从数据库中返回相应的 Id，所以我想有一个解决方案来过滤这个 id 的结果。

上传到服务器后，重新加载页面后动态路由不起作用，它重定向到主页。在当地它工作正常

我目前正在使用完全静态生成的 Next js，因为我想从 S3 + cloudfront 提供我的所有页面（不涉及服务器）。Next js 对此有很好的支持，除非涉及到动态页面（例如：/posts/:id）。解决此类场景的所有框架功能都涉及在构建时渲染所有可通过的页面（这是不可行的）或让服务器来渲染这些具有动态路由的页面（因此，使站点成为混合应用程序）。为了继续保持完全静止，我需要有办法解决这个问题。在创建反应应用程序中，可以使用反应路由器并在客户端解析路由，这正是我想要为动态路由做的。但据我所知，next js 和 react-router 不兼容，所以显然这不是一个选择。

我正在尝试访问 http://localhost:3000/nba/category-slug-3 但我不断收到 404 错误。http://localhost:3000/nba 工作正常，但任何 slug 都不起作用。我错过了什么吗？我需要添加/编辑另一个文件吗？我刚开始使用 NextJS。在某些时候，我希望能够使用 mongodb 集合中的项目 ID 作为 slug。

我需要一些帮助。

我正在尝试在 Nuxt 上构建我的静态站点，它有一堆动态路由。

到目前为止，在我的 nuxt.config.js 中，我有

但是，当使用 Nuxt generate 时，它​​会失败，因为它无法读取属性 '$fire'，这是我在整个应用程序中访问 firebase 的方式（使用https://firebase.nuxtjs.org）。在创建路线之前有什么方法可以要求它吗？任何帮助，将不胜感激！谢谢。

我想将 getStaticPaths 用于具有动态路由的帖子博客，但在构建时出现错误。

我的动态路由文件夹：

页面/文章/[类别]/[slug].js

我的链接导航：

我的 getStaticPaths：

但是当我运行npm run build我得到这个错误：

我想在 React 中运行以下代码，它给出了一个错误。

常量地址='../../views/Dashboard';
constlazyComponent = React.lazy(() => import( ${address}));

错误是：

错误：找不到模块 '../../views/Dashboard'（匿名函数） src/containers/DefaultLayout lazy /^.*$/ groupOptions: {} namespace object:116 此屏幕仅在开发中可见。如果应用程序在生产中崩溃，它不会出现。打开浏览器的开发者控制台以进一步检查此错误。单击“X”或按 ESC 以关闭此消息。

我想将数据从客户端发送到服务器，所以我使用快速动态路由。我在我的本地主机上使用它并且它工作得很好，没有错误。当我将它部署到heroku时，它说TypeError: Cannot read property 'twittername' of undefined

这是我的代码：server/routes/api/twitterName.js

服务器/路由/api/tweets.js

和服务器/index.js