[정보 찾기] 넥스트12의 middleware에 TyperError adaper is not function이 나타날 때의 대응법

결론

중간부품 및 Axios 인스턴스

import {NextFetchEvent, NextRequest, NextResponse} from "next/server";
import fetchAdapter from "@vespaiach/axios-fetch-adapter";
import {apiServer} from "../../utils/apiServer";

export default async function middleware(req: NextRequest, ev: NextFetchEvent) {
    apiServer.defaults.adapter = fetchAdapter
    const {data} = await apiServer.get('auth/me')
    if (!data.authenticated) {
        return NextResponse.redirect('http://localhost:3000/auth/login')
    }
    return NextResponse.next()
}

import axios from "axios";

export const apiServer = axios.create({
    baseURL: process.env.API_ENDPOINT,
    responseType: 'json',
    withCredentials: true,
    headers: {
        "Content-Type": "application/json",
    }
})

불분명한 곳

참고 자료