[Nextjs] api return 값 갱신 안되는 이유

 

원인

fetch로 api를 호출 시 cache로 처리하기 때문이다.

dev 환경에서는 cache 없이 갱신되서 잘되었지만 production 환경에서는 cache로 변경이 되지 않은 것이다.

prisma의 findMany findDelete가 고장난줄 알았다

 

해결방법

api ts파일에 dynamic 지정

// /api/log/route.ts

import prismadb from '@/app/libs/prismadb';
import { NextResponse } from 'next/server';

// 호출시 cache 없이 수행
export const dynamic = 'force-dynamic';
export async function GET(request: Request) {
    try {
        const logs = await prismadb.log.findMany({});
        return NextResponse.json(logs);
    } catch (e) {
        throw new Error('아이디 및 비밀번호를 제대로 확인해 주세요');
    }
}

 

참고문헌

https://nextjs.org/docs/app/building-your-application/caching#on-demand-revalidation

Building Your Application: Caching | Next.js