• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

API 응답 상태

22.01.25 15:32 작성 조회수 118

1

안녕하세요. 다음과 같은 API 응답 형태에 대해서는 어떻게 처리할 수 있을 지궁금합니다.

{
    "code": "0000",
    "message": "Success",
    "info": //실제 데이터가 담김.
}

 

위와 같은 API 응답 메시지가 있다고 했을 때, vue에서 code 값이 "0000"은 성공이므로 데이터를 뿌려주고,

1000은 alert('잘못된 파라미터입니다'),
2000은 alert('인증에 실패했습니다.')

처럼 동작해야 한다면 어떻게 해야 할까요?

컴포넌트에서 vuex의 actions에 요청하고, this.$store.news.code의 값에 따라서 alert을 띄워주면 될까요?

답변 2

·

답변을 작성해보세요.

1

pjok1122님의 프로필

pjok1122

질문자

2022.01.25

마찬가지로 에러가 발생해서 catch가 호출되는 경우, 화면 쪽에서 alert을 띄우려면 어떻게 해야 하나요?

0

안녕하세요 pjok님, 질문하신 내용은 특정 개념을 여쭤보시는게 아니라 해당 흐름으로 어떻게 코드를 짜야 하는가 여쭤보신 것 같은데.. 간단히 말씀 드리면 API 응답을 받아서 code 값에  따라 말씀하신 alert을 표시해 주시면 됩니다. 가급적 API 함수의 응답을 컴포넌트 레벨에서 처리할 수 있도록 구현하시면 될 것 같아요!