面试题：Next.js中如何配置API Routes以处理不同HTTP方法的请求

Question

在Next.js的API Routes中，假设你要创建一个接口，能够处理GET和POST请求，分别返回不同的数据或执行不同的操作。请描述实现的步骤，并给出简单的代码示例。

Answer 1

实现步骤

1. 创建API路由文件：在pages/api目录下创建一个新的文件，例如example.js，Next.js会自动将此目录下的文件映射为API接口。
2. 处理不同请求方法：在该文件中，通过判断req.method来确定请求是GET还是POST，然后分别处理。

代码示例

import type { NextApiRequest, NextApiResponse } from 'next'

export default function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  if (req.method === 'GET') {
    // 处理GET请求
    res.status(200).json({ message: '这是GET请求返回的数据' })
  } else if (req.method === 'POST') {
    // 处理POST请求
    res.status(200).json({ message: '这是POST请求返回的数据' })
  } else {
    res.status(405).end() // 处理不支持的请求方法
  }
}