Vercel 패키지로 Serveless 함수 만들기

• 파일에 요청과 응답을 처리하는 함수를 만들고 응답을 지정
⇒ 해당 파일 경로를 url로 지정해서 fetch 함수를 실행하면 내가 만든 응답을 가져올 수 있음

• fetch할 때 method는 항상 post여야 함

export default function (req, rs) {
	res.status(200).json({
		name: 'jjong',
		age: 14,
		isValid: true
	})
}

<script setup lang="ts">
	;(async () => {
		await fetch('/api/hello', { //파일 경로를 url로
			method: 'POST'
	})
	})()
</script>

• @vercel/node에서 res의 타입(VercelRequest)과, req의 타입(VercelResponse)을 불러올 수 있다

import type { VercelRequest, VercelResponse } from '@vercel/node'

export default function (req: VercelRequest, res: VercelResponse) {
...
}

• 하지만 이렇게 하면 @vercel/node 내의 ts 버전과 package.json의 ts 버전이 충돌 될 수 있다 ⇒ 라이브러리의 ts버전을 같은걸로 명시하기

...
"devDepencies": {..},
"overrides": {
	"@vercel/node": {
		"ts-node": "",
		"typescript": ""
	}
}

후에 npm i 실행으로 다시 설치
 
• req를 안쓰기 때문에 에러가 날 수 있음
console.log(req.body)로 그냥 써주기