next的v14.2.2版本脚手架生成的框架中，没有了api这个目录

来源：2-3 搭建MockServer

阿阳2017

2024-04-19

老师好。next的v14.2.2版本脚手架生成的框架中，没有了api这个目录。目录结构如下：
图片描述
请问有没有什么办法增加这种api功能？当前v14版本对这个问题有官方说明吗？暂时还没找到相关的解决办法。谢谢

写回答

1回答

慕UI7189114

2024-04-22

可以参考Routing: Route Handlers | Next.js (nextjs.org)
在app文件夹里建一个api文件夹，里面放一个route.ts文件，文件内容如下：

export const dynamic = 'force-dynamic'; // defaults to auto
export async function GET(request: Request) {
  const Mock = require('mockjs');
  const data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [
      {
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1,
      },
    ],
  });
  return Response.json(data);
}

之后启动项目访问http://localhost:3000/api即可

Tomas

感谢同学的回答

2024-04-23

共1条回复

Next.js+React+Node系统实战，搞定SSR服务器渲染

421 学习 · 144 问题

查看课程

相似问题

老师, 为什么我执行build命令没有out目录产生, 也没报错, 附带执行时终端内容:

回答 1

大家好，我是 Tomas，这个楼层统一回复大家问的比较多的共性问题哈