Next.js 14使用API Routes始终返回404 NotFound问题求助

你遇到的问题核心是Next.js 13+默认启用App Router，而你编写的是Pages Router体系的API路由，两者的目录规则不兼容。按以下步骤调整即可：

• 修正目录结构：在项目根目录新建pages文件夹，再在pages内部创建api子文件夹，将你的hello.js移动到pages/api/hello.js路径下。
• 确认访问路径：完成目录调整后，访问http://localhost:3000/api/hello即可正常获取响应。
• 混合路由兼容说明：Next.js支持同时使用App Router和Pages Router，只要根目录存在pages文件夹，Pages Router的API路由就会被自动识别，不会影响你已正常运行的App Router Route Handlers。

你的hello.js代码本身没有问题，Pages Router的API路由确实采用export default function handler(req, res)的写法，只要目录结构符合要求就能正常工作。

内容的提问来源于stack exchange，提问作者Fuzzy animals