API 응답 상태

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

[실습] JobsView에 스토어 적용

작성

167

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

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

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

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

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

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

vuex vuejs actions javascript mutations

답변 2

pjok1122

질문자

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

장기효(캡틴판교)

지식공유자

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

인프런 커뮤니티 질문&답변

API 응답 상태