问题标签 [nextjs-dynamic-routing]

在我的网站上，我有一个[articleKey].tsx页面，我从后端下载当前文章并在屏幕上显示它们。

我希望它每 5 分钟获取一次当前数据。这很重要，因为这些文章会随着时间而变化。但我观察到，有时在我手动重新部署应用程序之前，我不会应用超过一天的更改。看来，这不是每 5 分钟刷新一次。如何让它变得更好？我不想用getServerSideProps不让用户等待，但同时我需要这个页面有新鲜的数据。

我在 Next JS + React JS + Tailwind 中构建了一个单页应用程序，我从 firebase 加载了许多项目。

我在应用程序中使用 Firebase 的 docRef 作为 ID。现在我希望用户能够从 URL 中引用一个项目并与其他人共享。我将如何实施呢？

我研究过 Next.js 路由/动态路由和 React 路由器，但是因为这是我第一次使用 React 和 Next.js，所以我不知道从哪里开始。任何帮助深表感谢。谢谢！

我正在编写一个 next.js 应用程序，使用 react-table 和 useSWR 从 api/clients 路由获取数据。

成功创建表后，用户可以单击“活动/非活动”按钮以使用 api/active 路由更新数据库。现在一切正常，直到这里。

问题是表格没有重新渲染，因此用户无法看到更改，除非他更改 chrome 选项卡并返回，这导致用户单击该按钮多次，因为他认为它不起作用。

当用户单击“活动/非活动”按钮并更新数据库时，我调用 useSWR 为 api/clients 进行变异，但这是 react-table 产生错误的地方：TypeError: data.forEach is not a function

我在父组件中获取数据并将其作为参数发送到子组件。子组件是创建反应表的组件

这是我的反应表声明：

背景：我有一个博客，其中包含大量被 Google 索引的内容。例如，所有内容都被索引为www.site.com/post1。我正在将我的博客迁移到 NextJS，并且我已将博客文章的范围限定为www.site.com/blog/post1。我能够轻松地使用 301 重定向来维护这些博客文章的 SEO。但是，我遇到了一个问题，其中www.site.com/sitemap.xml 之类的链接也被重定向到www.site.com/blog/sitemap.xml。只有当模式与某些路径不匹配时，有没有办法重定向？这是我在 next.config.js 中关于重定向的部分

基本上，我有一个嵌套组件，我想用父组件渲染它，并且在服务器启动时它工作正常。

但是当我从另一个页面切换回来时，问题就出现了。一些嵌套组件消失了。如果我进行了刷新，那么一切正常。

我该如何解决这个问题？

正常： Image-1

组件消失： Image-2

索引.js：

BannerBaseLine 组件：

BannerBlock 组件：

我一直在尝试让重写在 NextJS 中为我​​的 API 路径工作。这是为了避免 CORS 问题。

我遵循了来自NextJs CORS issue的解决方案。

它在本地主机上工作，但在生产环境中不起作用（我在 Vercel 本身上部署）。

我基本上尝试了所有类型的重写：

此重写在 localhost 上有效，但在生产环境中，重写停止工作，API 调用转至/api/:path*自身。

我想为当前页面设置一个活动类，但我错过了一些东西。

不确定这是否是正确的方法，因为当我控制台 log 时router.pathname，我得到/projects/[id]

这是这样做的正确方法吗？或者，还有更好的方法？

我正在使用 Layout 处理 NextJS 项目，以便我可以对所有页面使用相同的页眉和页脚。但是对于其中一页，我不需要页眉，我只需要页脚。有没有办法做到这一点？

这是我的 _App.js：

这就是我渲染它们的方式：

我正在使用 Next.Js 制作博客详细信息页面

当我单击卡片中的链接时，它会将我带到使用query. 我还收到了通过query values的详细页面。但是当我刷新详细信息页面时，查询会丢失。

卡片页面

<Link href='/recipes/[id]' as={`/recipes/${recipe.strMeal}`} key={recipe.strMeal} passHref>

详情页

我需要像在 /[id] 页面上一样获取数据，但在 URL 中我想要 /[id]/[slug] 页面。我可以这样做吗？如果可以，怎么做？