API 응답 상태

Hướng dẫn hoàn chỉnh về Vue.js - Học các khái niệm thực tế thông qua thực hành và tái cấu trúc

[Thực hành] Áp dụng store vào JobsView

Viết

265

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

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

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

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

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

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

vuexvuejsactionsjavascriptmutations

Câu trả lời 2

pjok1122

Người đặt câu hỏi

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

captain

Người chia sẻ kiến thức

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

Cộng đồng Hỏi & Đáp của Inflearn

API 응답 상태