使用getStaticPaths时，Next.js会捕获所有未按预期工作的路由

文章/答案/技术大牛

发布

1回答

javascript、reactjs、next.js

Next.js捕获所有不与getStaticPaths一起工作的路由。根据文档，我想导航到t/a.cat和t/a.cat/a.id，但它只适用于t/a.cat/a.id。export const getStaticPaths = async () => { await fetch(`http://localhost:8000/foods`).then((res

浏览 9提问于2021-04-12得票数 1

2回答

在Next.js中传递动态路由的无效参数时，如何返回404未找到的页和HTTP状态？

next.js

例如，我有一个动态路由/blog/[article-id]。当访问一个现有的博客帖子/blog/id-that-exist时，它可以正常工作，现在我想正确地处理这个案例/blog/id-that-does-not-exist。/blog/[id].jsx中的代码如下所示： return { fallback: true,ret

浏览 3提问于2021-05-31得票数 1

2回答

next.js getStaticPaths列出了每条路径，还是只列出了最近的路径？

static、next.js

我使用Next.js导出静态页面，在像pages/[id].js这样的动态路由中，我放在getStaticPaths部分的任何路径都将被创建。凉爽的。是否更好地列出每一页： return (}getStaticPaths(){

浏览 93提问于2020-05-28得票数 4

回答已采纳

3回答

Next.js动态路由添加到现有路径

reactjs、next.js、strapi

在我与Strapi CMS的Next.js博客中，我试图根据帖子的类别对帖子进行排序。我为categories id.js创建了一个动态路由。它是这样使用getStaticPaths的： export async function getStaticPaths() { const categories = await getCategories但当我选择类别2时，下拉菜单仍然呈现在页面上。现在，路径是http://

浏览 41提问于2020-12-27得票数 0

1回答

在NextJs上用动态路由实现i18n

dynamic、routes、next.js、internationalization

我正在用i18n实现动态路由和Next.js。我的应用程序由两个地区组成：en-US和es-MX。我现正尝试产生以下路线：使用默认的区域设置(en-US)，我的链接指向/blog/posts/id，并且我能够导航到任何id然而，当我切换区域设置时，我的链接现在指向路由<

浏览 44提问于2022-03-30得票数 1

回答已采纳

2回答

NextJS可选捕获部署时不工作的所有路由

javascript、next.js、url-routing、next-i18next

我们有一个包含一个动态路由productId的项目，在这个页面中，我们有另外几个包含可选捕获所有路由的页面。以下是pages文件夹的结构： contentOne问题是，每当静态生成页面时，所有可选的catch都不能正常工作。例：productId/contentOne不工作，但是productOne&#x

浏览 1提问于2021-08-17得票数 4

回答已采纳

1回答

Next.js -如何在国际化的同时使用ISR

next.js、server-side-rendering

我们对应用程序中的大多数页面使用ISR，并生成包含从CMS获取的本地化内容的静态页面。到目前为止，在使用单个可用的语言环境部署该应用程序时，它一直运行良好--我们将在构建时在getStaticProps中获取该地区的内容，然后继续为其提供服务。但是，我们现在需要在相同的应用程序部署中支持并行区域设置，并且我们不确定ISR是否有任何机制，可以单独为每个地区静态地生成页面，然后为不同的地区提供不同的静态

浏览 5提问于2022-09-07得票数 0

回答已采纳

2回答

错误“getStaticPaths”只能用于动态页面，不能用于下一个JS的“/”

next.js、dynamic-routing

我想使用getStaticPaths作为我的博客的动态路线，但我得到一个错误时，建设。动态路由的我的文件夹:我的链接导航： <Card>...some data

浏览 2提问于2021-04-29得票数 1

2回答

使用Next.js为社交媒体应用程序生成动态路径的正确方法是什么？

javascript、reactjs、next.js、dynamic-routing

我正在用Next.js +智能构建一个社交媒体应用程序。在社交媒体应用程序中，随着用户添加评论、喜欢等内容，数据会不断变化，因此使用getServerSideProps进行SSR是有意义的，因为在每次请求时都应该更新显示的数据，对吗？但是，我如何处理动态路由，比如说，用户的配置文件页面、帖子等等？文档解释说，对于动态路由，我应该使用getStaticPaths和getStaticProps，但这并不

浏览 9提问于2022-04-25得票数 0

回答已采纳

1回答

如何在getStaticPaths中获取路径和Next.js中的区域设置？

javascript、next.js、strapi

我使用Strapi作为CMS，在这里我查询段塞，我希望使用getStaticPaths和getStaticProps在Next.js中静态地生成页面。由于我需要处理多个区域设置，所以我必须映射区域设置，并为我从查询中获得的每个“公告”获取路径。我得到的错误消息是： Error: A required parameter (slug) was not provided as a string in getStaticPaths for /updates/

浏览 14提问于2022-11-14得票数 0

回答已采纳

1回答

从现有的React应用程序中逐步采用Next.js

javascript、reactjs、proxy、next.js、netlify

我正在尝试找到我能找到的任何示例，这些例子概述了如何使用现有的React应用程序，并逐渐开始向Next.js迁移。我已经阅读了所有关于渐进式采用策略的Next.js文档(例如子路径、重写、微前端、代理)，但还没有找到一个具体的示例，展示在现实生活中这是什么样子的“我已经有了一个大规模的反应代码库”场景。期望的结果是从我现有应用程序的一个子路径(比如/workshop )中分离出来，并让&#

浏览 0提问于2021-12-03得票数 2

回答已采纳

1回答

Next.js动态链接与所有捕获(即。[[...slug]])在链接组件中使用"as“支柱时不起作用

reactjs、next.js、next-router

我正在构建一个Next.js应用程序，其中一些页面有页面路由，其中之一。为了适应这种情况，我使用了一个catch(即[...slug])并处理该页面本身上的路由。我的文件夹结构如下所示：当这些路由按预期工作时，我遇到了一个问题，如果我在引用其中一个捕获-所有页面时，向Next.js链接组件包含一个" as“支柱，那么href

浏览 6提问于2022-05-21得票数 1

1回答

在Next.js中捕获所有动态路由将导致使用下一个站点地图包在站点地图中生成不必要的链接。

next.js、url-routing、sitemap

在我的Next.js应用程序中，我使用了动态路由的catch所有功能。当我使用包创建站点地图时，我在文件sitemap-0.xml中看到了这样的链接：export async fu

浏览 11提问于2022-09-29得票数 0

2回答

getStaticProps + fallback:true和getServerSideProps到底有什么不同？

javascript、reactjs、next.js

我读过很多次，但是我仍然不知道使用fallback:true和getServerSideProps的getStaticProps有什么区别。据我所知：getStaticProps在构建时呈现，并以静态HTML文件的形式提供任何请求。它与不经常更新的页面一起使用，例如，关于我们的页面。export async function getStaticPaths() { paths: [{ param

浏览 2提问于2021-02-09得票数 2

回答已采纳

2回答

基于路由Param的服务器端动态页面呈现

javascript、reactjs、next.js、server-side-rendering

我从Next.js开始，在浏览了文档之后，我想不出如何在getStaticPaths方法中获得路由param code，如下所示！code是事先不知道的任何手段，它可以是任何东西。我不想调用api并在组件中使用useEffect获取数据。return <> </> export async function getStaticPathsr

浏览 4提问于2020-05-26得票数 4

1回答

Next.js动态路径永久加载(挂起)

reactjs、next.js、fastify、fastify-nextjs

今天，我开始编写一个小型Next.js应用程序。我使用Fastify和@fastify/nextjs插件运行自定义服务器，但在加载动态路由时遇到问题。// ...，Next.js应用程序的页面加载得非常好。我有关于/和/test的页面，它们都工作得很好。但是在这条路线[slug]上，浏览器只会永远挂起。下面是[slug].tsx的样子

浏览 4提问于2022-07-24得票数 0

2回答

使用getInitialProps和getStaticProps的页面

next.js、server-side-rendering、limesurvey

我有一个页面，需要用axios获取数据，axios包含凭据，并根据url中的参数使用来自前一个请求的数据发出另一个请求。我不知道如何处理这个问题，因为我可以在页面中同时使用getInitialProps和getStaticProps，而在组件中我根本不能使用它们。下面的代码可以工作，但我不知道如何分解它，这样登录就可以在servar端完成，这样我仍然可以从URL中获得参数。

浏览 7提问于2021-03-05得票数 1

回答已采纳

1回答

为非静态页面创建Next.js* SSR/ISR静态文件*

javascript、reactjs、next.js、incremental-build

是什么导致使用Next.js为非静态页面创建静态HTML？我不确定它是否导致了任何问题，但我注意到这是在对这个特定页面的问题进行故障排除时发生的。这是意料之中吗？我的意思是，我们有一个页面，我们称之为"page1"，它没有getStaticPaths()或getStaticProps()函数。此页面确实依赖于服务器端数据，但不使用getInitialProps()或getServerSideProps()，因为它们是不推荐的。当我将

浏览 3提问于2021-10-13得票数 1

回答已采纳

1回答

Nextjs <Link>预取返回404

reactjs、next.js、next-link

我已经构建了一个使用动态路由的Next.js应用程序，并且我注意到了<Link>预取的一些奇怪行为。偶尔(通常是在重建之后，但并不总是)，我的应用程序开始为给定页面上的所有预取返回404。如果我遵循一个链接，下一个页面将加载，但同样，该页面上的所有预取开始到404。这个问题会在刷新页面几次之后消失，但这并不总是一致的。中断似乎只发生在我的动态路由上，

浏览 5提问于2021-06-16得票数 1

2回答

getStaticPaths和getStaticProps在开发中工作，但在构建时没有定义

javascript、reactjs、mongodb、next.js

我正在使用eCommerce制作一个Next.js平台。在使用动态路由的产品页面中，我使用getStaticProps获取我的产品，使用getStaticPaths生成应该静态生成的产品的路径。这在开发模式下工作得很好，但是项目没有构建。从getStaticProps传递给页面组件的产品支柱在构建时没有定义。这是我在试图构建时

浏览 3提问于2020-08-31得票数 0

点击加载更多