로그인 페이지(프론트엔드) 작성하면서 OPTIONS 문제

코드팩토리님 안녕하세요.

강의를 보면서 만들었던 서버를 기반으로 로그인 인증페이지를 Next js를 통해 만들어보고 있습니다.

 const basicAuth = "Basic " + btoa(id + ":" + password);
      console.log(basicAuth);

      const response = await fetch("http://localhost:3000/auth/login/email", {
        method: "POST",
        headers: {
          Authorization: basicAuth, // Authorization 헤더에 인코딩된 정보를 추가합니다
        },
      });

      const data = await response.json(); // 서버의 응답을 JSON 형식으로 받습니다
      console.log(data); // 콘솔에 출력합니다

      router.replace("/home");
    } catch (err) {
      console.error(err);
      setMessage("아이디와 비밀번호가 일치하지 않습니다.");
    }

이렇게 코드를 만들어서 요청을 보냈더니

[REQ] OPTIONS /auth/login/email 8/23/2024, 10:39:20 PM

요렇게 요청이 POST 가 아니라 OPTIONS 로 뜨면서 동작이 안되더군요.

혹시 어떻게 처리해야할지 힌트를 주실수 있을까요

app.enableCors();