reactjs - 首次在nextjs上加载动态路由时获取404

Question

我正在尝试创建一个博客页面来测试 nextjs 并为帖子创建了一个动态路由，它将从 Contentful 中检索。从主页导航并单击 next/router 时<Link />组件，博客文章加载正确，但如果我获取 URL 并尝试直接从浏览器地址栏加载页面，我将得到 404。

重现步骤:

 1. git clone https://github.com/zeit/next-learn-demo.git
 2. cd next-learn-demo/8-deploying
 3. yarn
 4. next build && next export
 5. cd out
 6. serve
 7. Navigate to http://localhost:5000/p/learn-nextjs
 8. See 404

这是 NextJS 的限制吗(在文档中没有找到与之相关的任何内容)还是我们需要配置其他任何东西？

Answer 1

真正的问题是导出 next应用程序将使其生成静态 HTML 文件。尽管它仍然可以在呈现页面之前请求数据，但可用路径集不是动态的(它们是在 next export 命令期间生成的)。看到这个 docs而这个 example .

基于此，我有两种可能的解决方案:

生成一个 webhook 来触发 next build && next export每次在 Contentful 中发布新博客文章时都发出命令；

避免导出我的 next app 并托管将处理动态路由的 Node 服务器。