NextJS 路由在部署时不起作用，但在使用我的本地服务器时起作用

Question

我有以下网址：

/job/engineer_123456/edit/abcde

现在，当我运行本地服务器时：npm run dev ("next src/") 然后当我转到该链接时，它就可以工作了。但是，当我部署我的项目（到 firebase）时，我会从该 url 获得 404。

我感觉路由中存在冲突，因为我的 NextJS 页面目录结构看起来像 /job 在页面下）：

可能是由于某种原因在生产中，当我转到该链接时，我将转到 /job/[job].js 而不是 /job/[job]/edit/[editId].js

我真的很困惑为什么生产显示 404 页面但在本地它可以工作。

Answer 1

根据文档：

预定义路由优先于动态路由，动态路由优先于捕获所有路由。看看下面的例子：

pages/post/create.js - 将匹配 /post/create

pages/post/[pid].js - 将匹配 /post/1、/post/abc 等，但不匹配 /post/create

pages/post/[...slug].js - 将匹配 /post/1/2、/post/a/b/c 等，但不匹配 /post/create， /post/abc

*通过自动静态优化进行静态优化的页面将在不提供路由参数的情况下进行水合，即查询将是一个空对象 ({})。

水化后，Next.js 将触发更新您的应用程序以在查询对象中提供路由参数。*

所以，你需要有类似的东西：

pages - folder
    job - folder
        [...slug] - folder
            - index.js
            edit - folder
                - index.js

slug 文件夹将充当所有 /job/[slug] 路由的“模板”，其中包含 index.js 和编辑页面