NextJS 베타 애플리케이션 라우터: 가져오기를 사용한 요청이 실패했지만 브라우저에서는 제대로 작동합니다.

Question

저는 APP 디렉토리와 함께 nextJS를 사용하고 있는데 GET 요청을 수행할 때 이 문제가 발생합니다...

내 /project Route.ts에서 프로젝트를 가져오는 다음 기능이 있습니다.

내 경로에서 GET 기능이 실행되지 않는 것 같습니다.ts

console.log("in GET /projects")는 실행되지 않으며 마지막에 예상치 못한 JSON 오류가 발생합니다.

그러나 브라우저에서 "http://localhost:3000/api/project"에 액세스하면 내 Routes.ts의 GET 기능이 실행되고 JSON이 반환됩니다...

도와주셔서 감사합니다. 한동안 이 문제를 해결하기 위해 노력해 왔습니다...

으아악

이것은 /api/project/route.ts에 있는 내 프로젝트 경로입니다. 동일한 파일에 프로젝트를 생성하고 잘 작동하는 POST 경로가 있습니다...

export const projectsGet = async () => {
  const res = await fetch("http://localhost:3000/api/project", {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
    },
  });

  console.log(res, 'before')     //triggers
  const data = await res.json()  // error: Unexpected end of JSON input
  console.log(data, 'after')     // does not trigger
  
  return data
};

Answer 1

`/api/project/route.ts에서 json을 이 형식으로 반환해야 한다고 생각합니다.

으아악