如何解决与我的 slug 文件相关的问题？

Question

我在 Next.js 项目中遇到一个问题，其结构如下：在仓库目录下，有 3 个项目：index.tsx、[...Slug].tsx 和 inventory（这是一个文件夹），库存文件夹中存在 index.tsx 和 [...slug].tsx 文件。该问题特别出现在位于清单文件夹中的 [...slug].tsx 文件中，其中所有获取请求都返回未定义。奇怪的是，当在仓库目录下的顶级 [...slug].tsx 文件中使用相同的获取请求时，它可以正常运行。获取请求的行为有所不同，具体取决于它们在项目结构中的位置

注意：所有导入、路由、url 等...都是正确的，问题与获取的位置特别相关

我想发送一个获取请求，我期待得到响应，但结果却是未定义的

Answer 1

[...some-name].tsx

是一条全路径动态路线，这意味着它将匹配以下所有内容：

• /仓库/箱子
• /仓库/盒子/胶带
• /仓库/库存
• /仓库/库存/胶带 ...等等等等。 这意味着您的

  /warehouse/inventory/[...slug].tsx

  永远不会运行，因为

  /warehouse/[...slug].tsx

  捕获传入

  /warehouse/inventory/[...slug].tsx

  的所有请求。