파일명 Route.ts

NextJS에게 이 파일이 API route 라고 알려주는 것 !

API 데이터 주고 받기

POST ——> fetch(”/api/login”)

                        ㄴ 이렇게 생긴 url을 `API route` 라고 부름

GET

GET과 POST 구분할 필요 없이 GET이라 이름 써주면 된다.

import { NextRequest } from "next/server";

export async function GET(request: NextRequest) {
    console.log(request);
    // localhost:3000/www/users 접속 시 json 반환
    return Response.json({
        ok: true,
    })
}

POST

일반적으로 POST request 요청을 하고, request의 body를 읽어야하는데,

리액트와 fetch 함수 같은걸 사용해서 보낸 데이터일 것이다.

// 기존 작업
const onClick = async () => {
    const response = await fetch("/www/users", {
      method: "POST",
      body: JSON.stringify({
        username: "noco",
        password: "1234"
      })
    })
    console.log(await response.json())
  }