API_Next.js

miin·2022년 3월 29일
0

Next.js

목록 보기
5/11
post-thumbnail
  • 페이지 만드는것과 동일하게 api를 만들 수 있다.
  export default function isLogin(req, res) {
        res.status(200).json({ name: req.cookies.a_name })}

//pages/api/login.js
//쿠키로 a_name 보내기
export default (req, res) => {
	if(req.method === 'POST')
	res.setHeader('Set-Cookie', 'a_name=Mike;Max-Age=3600;HttpOnly,Secure')
	res.statusCode = 200;
	res.json({ message:'ok'})
}

//pages/api/logout.js
//쿠키에서 삭제
export default (req, res) => {
    //max-age가 0이 되면 쿠기는 소멸됨
    res.setHeader('Set-Cookie', 'a_name=Mike;Max-Age=0;HttpOnly,Secure')
    res.statusCode = 200;
    res.json({ message:'ok'})
}

다이나믹 API

  • /api/숫자 에 원하는 숫자를 치면 해당 숫자가 id: "숫자"로 나온다
///api/[id].js
export default (req, res) => {
  res.statusCode = 200;
  res.json({ id: req.query.id}); //id: 입력하는 숫자로 나옴
};

0개의 댓글