Portfolio


import { NextRequest, NextResponse } from 'next/server';

export async function middleware(req: NextRequest) {
  const newUrl = new URL('/api/new-endpoint', req.url); // 새로운 URL 생성

  // 기존 요청 복제 및 새로운 URL로 전달
  const modifiedResponse = await fetch(newUrl.toString(), {
    method: req.method,
    headers: req.headers,
    body: req.body, // 필요 시 바디도 전달 (POST/PUT 등)
  });

  // 새 응답 반환
  return new Response(modifiedResponse.body, {
    status: modifiedResponse.status,
    headers: modifiedResponse.headers,
  });
}

src/middleware.ts


const BASE_API_URL = process.env.NEXT_PUBLIC_API_BASE_URL;

export const api = async (apiUrl: string, options: RequestInit) => {
  const response = await fetch(`${BASE_API_URL}${apiUrl}`, options);

  return response.json();
};

src/libs/api.ts

fetch 시 baseUrl 작업을 middleware에서? vs util함수에서?

Want to

A or B ?

Try

Finally