Next.js API에서 쿠키 접근하는 방법

조회수 303회

안녕하세요 nexst.js 쓰고 있는 주니어 프런트엔드 개발자입니다

DB API에 접근하기 위해 next에서도 API를 구성했는데 쿠키에 저장되있는 토큰값을 가져오질 못하고 있네요 방법 알려주시면 감사하겠습니다

아래 파일은 src/pages/api 에 존재합니다

const getOrder = async (token, order_no) => {
  return await 
   fetch(`${process.env.NEXT_PUBLIC_API_HOST}/front/order/${order_no}`, {
    headers: {
      Authorization: `Bearer ${token}`,
      Accept: "application/json"
    }
  }).then(res => res.json()).then(data => data)
}

export default async function handler(req, res) {
  const { order_no } = req.query
  const token = "How do I access cookies????"

  const order = await getOrder(token, order_no)
     try {
       res.status(200).json({ ...order })
     } catch (err) {
       res.status(200).json({ err })
     }
   }

1 답변

  • req.cookies를 이용하세요

    P.S. 자바스크립트에서는 변수명을 orderNo 같이 camelCase로 씁니다. order_no 같은 snake_case는 파이썬 같은 언어에서 쓰니 변경 하시길 추천드립니다.

    물론 속한 곳에서 정한 컨벤션이 그러 하다면 그렇게 해야겠고, 개인 프로젝트인데 본인이 꼭 그렇게 쓰고 싶다면 써도 상관 없겠습니다만, 일반적인 경우를 말씀드렸습니다.

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)