[Vue3&TypeScript] api 호출시, json 타입의 payload (파라미터) 생성하여 호출하는 방법

구조 예시

{
  userId: string;
  authList: Array<{
    authSeq: number;
    readYn: 'Y'  | 'N';
    writeYn: 'Y' | 'N';
    authYn: 'Y'  | 'N';
  }>;
}

만드는 방법

const authList= Object.values(selectedRecoveryData.value)
  .filter(item => item.cardUserYn || item.doorAuthYn || item.scheduleYn )
  .map(item => ({
    authSeq: item.authSeq,
    readYn: item.cardUserYn ? 'Y' : 'N',
    writeYn: item.doorAuthYn ? 'Y' : 'N',
    authYn: item.scheduleYn ? 'Y' : 'N'
  }));

const payload = {
  userId: props.userId?? '',
  authList
};


await api.post('/api/test/changeUserAuthInfo', payload);
await nextTick();
alert('정상처리됨.');