Next.js 二 数据请求

前端数据请求，可以沿用 React 常用的方式，例如使用 axios, fetch 或者 useSWR 或 React Fetch。

在后端进行响应时，需要遵循 router-handler。

实际上，Next JS 并不 care 具体的目录结构如何，关键是在 route.js 中定义对应的函数处理：

import { NextRequest, NextResponse } from 'next/server';

export async function GET(request: NextRequest) {
  return NextResponse.json(
    { name: "John Doe", url: request.url },
    { status: 200 }
  );
}

需要看到的是

1. 此函数有特定的签名，例如 GET, POST。
2. 可以对不同的 url 做不同的响应，也可以将不同的 url 安排在不同的目录。
3. 需要特定的返回，否则拿不到响应。