<div id="readability-page-1" class="page"><div>
 
 <header>
 
 

 
 

 

 
 
 

 
 
 
 less than 1 minute read
 
 
 
 


 </header>
 

 <section itemprop="text">
 
 Next.js의 dynamic route 기능을 사용하면 간단하게 API proxy server를 만들 수 있다. 좋은 기능이지만 proxy server에서 오류를 response 하는 방법이 조금 기묘하다.

순서는 다음과 같다.

<h3 id="1-route-파일에서-error를-catch한다">1. route 파일에서 error를 catch한다.</h3>
<div><pre><code>// dynamic route 파일
import nextJsErrorHandler from '@/app/api/proxy/nextJsErrorHandler';
import { NextRequest, NextResponse } from 'next/server';

export const DELETE = async ( req: NextRequest ) =&gt; {
 try {
 const response = await apiTask();

 return NextResponse.json(response);
 } catch (error: unknown) {
 return nextJsErrorHandler(error); // API에서 오류가 발생하면 에러를 return한다. throw 하면 안 된다.
 }
};
</code></pre></div>

<h3 id="2-return-하는-에러-포맷은-반드시-nextjs가-지정한-포맷이어야-한다">2. return 하는 에러 포맷은 반드시 Next.js가 지정한 포맷이어야 한다.</h3>
<div><pre><code>// error를 next.js가 지정한 json 포맷으로 만들어주는 함수
import { isApiError } from '@/api/http/HttpErrorHandler';
import { NextResponse } from 'next/server';

const nextJsErrorHandler = (error: unknown) =&gt; {
 // 반드시 아래와 같은 json 포맷이어야 한다
 // { { error: string, status: number }, { status: number } }
 return NextResponse.json({ error: 'Unknown error', status: 500 }, {
 status: 500,
 } as any);
};

export default nextJsErrorHandler;
</code></pre></div>

위 포맷으로 json을 만들어주지 않으면 정상적인 response로 인식한다. 공식 문서에는 없는 강제성이다. 기묘한 프레임워크다.

20241029

 
 </section>

 

 


 
 

 </div></div>

Never test

Next.js의 dynamic route 기능을 사용하면 간단하게 API proxy server를 만들 수 있다. 좋은 기능이지만 proxy server에서 오류를 response 하는 방법이 조금 기묘하다.
순서는 다음과 같다.
1. route 파일에서 error를 catch한다.
// dynamic route 파일
import nextJsErrorHandler from '@/app/api/proxy/nextJsErrorHandler';
import { NextRequest, NextResponse } from 'next/server';
export const DELETE = async ( req: NextRequest ) => {
  try {
    const response = await apiTask();
    return NextResponse.json(response);
  } catch (error: unknown) {
    return nextJsErrorHandler(error); // API에서 오류가 발생하면 에러를 return한다. throw 하면 안 된다.
  }
};
2. return 하는 에러 포맷은 반드시 Next.js가 지정한 포맷이어야 한다.
// error를 next.js가 지정한 json 포맷으로 만들어주는 함수
import { isApiError } from '@/api/http/HttpErrorHandler';
import { NextResponse } from 'next/server';
const nextJsErrorHandler = (error: unknown) => {
  // 반드시 아래와 같은 json 포맷이어야 한다
  // { { error: string, status: number }, { status: number } }
  return NextResponse.json({ error: 'Unknown error', status: 500 }, {
    status: 500,
  } as any);
};
export default nextJsErrorHandler;
위 포맷으로 json을 만들어주지 않으면 정상적인 response로 인식한다. 공식 문서에는 없는 강제성이다. 기묘한 프레임워크다.
20241029

Next.js dynamic route의 에러 처리

댓글