问题标签 [nextjs-dynamic-routing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
45 浏览

javascript - params.id 在第一次渲染后在 next.js 的 getServerSideProps 中未定义

我在 Next.js 项目中实现了动态路由。我正在尝试访问 URL 中的参数,它在初始渲染中按预期出现,但随后未定义。我已经在我的文件的其他地方实现了它,但是在这个文件中它创建了错误。我附上代码片段和屏幕截图。

这是显示它在第一次渲染后未定义的控制台:

在此处输入图像描述

这是页面的完整代码:-

0 投票
0 回答
17 浏览

next.js - 具有可选路径的动态路由 NextJS

这是我试图通过在 NextJS 中创建动态路由来解决的问题。

-产品
   -[类别]
       -[尺寸]
          -[产品]

问题是某些产品没有尺寸参数,需要绕过此参数才能进入产品着陆页。这是我想要的不同路线的示例:

/products/ceiling-lighting/ 2x4 /light-one
/products/ceiling-lighting/ 2x4 /light-two
/products/ceiling-lighting/ 2x2 /light-one
/products/ceiling-lighting/ 2x2 /light-two
/products /灯开关/开关一
/产品/灯开关/开关二

这可能与动态路由有关吗?

0 投票
0 回答
19 浏览

javascript - 项目未在 vercel 中部署项目

当我将我的项目部署到 vercel 时,它向我显示了一个错误。当我只是命令"npm run build"在终端中输入代码时,它会显示

○(静态)自动呈现为静态 HTML(不使用初始道具)

但我不明白问题是什么。谁能帮我?

0 投票
0 回答
17 浏览

next.js - 处理动态路由

我在使用 next.js 中的 [文件夹] 时使用 next/link 时遇到了挑战 在此处 输入图像描述

以上是我的页面树。用户应该被发送到路由 .types/[type] ,类型是用户选择的产品的动态名称。这实际上有效。在上面的那个页面上,用户可以通过导航到 ./this 页面来获取该特定产品的详细信息,可以通过导航到 ./edit 来编辑产品详细信息,index.js 将显示对该产品的订单,而 ./ [预订] 将显示为该产品所做的订单的详细信息。问题是。用户单击下面的链接以浏览产品的那一刻;在此处输入图像描述

再次单击相同的链接后,它们将更改为“http://localhost:3000/types/[types]/mytype/this”,包括链接中的“[type]”,使其出错,在那里被粉碎该页面有人有解决方案吗?请

0 投票
0 回答
16 浏览

javascript - 需要帮助将数据从页面传递到动态页面

我正在创建一个网站来展示使用 NextJs 的产品。我需要将数据从页面传递到动态页面。所有数据都是一个 json 对象数组,位于项目内的数据文件夹中。我想列出 pages/rolls/index.jsx 中的所有对象,当单击一个对象对应的“了解更多”链接按钮时,我会转到更详细的页面版本。我无法使用 next/link 和 useRouter 让它工作,所以这就是我所做的。我的项目结构是:

它给了我错误:

我不明白如何使用路由器来显示特定的滚动对象,有人可以告诉我我做错了什么以及如何实现它吗?我应该使用 getStaticProps 和 getStaticRoute 吗?

0 投票
0 回答
21 浏览

reactjs - 创建新博客后我无法更新我的博客网站,我必须重新构建它才能正常工作

我有 updateblog 按钮,我的动态路由 [detail].js 页面用于各个博客

[详细].js页面中

[更新].js页面中

创建博客后我仍然无法更新我的博客......

0 投票
0 回答
11 浏览

reactjs - 你可以在 NextJS 中拥有一个包含多个路由的文件吗?

我是 React/NextJS 的新手,我试图弄清楚是否有可能拥有一个包含多个路由的文件。

示例:登录页面
 当您请求 domain.com/login 时,它会路由到 auth.js 文件并动态显示相关组件,而不是有 4 个不同的文件/页面。这样整个页面在它们之间移动时不会显示一闪而过的白色,它只是动态地切换动态组件区域。

现在我在 /pages 中有 4 个不同的文件,你会在页面闪烁白色的地方刷新整页,这看起来很愚蠢。

在此处输入图像描述