[ Vue.js ] Axios - PHP, 200 response를 Error로 보내는 방법

[ Vue.js ] Axios - PHP, 200 response를 Error로 보내는 방법

728x90

반응형

Vue.js 에서 회원 로그인 정보를 php 로 axios를 통해 보내고 200 success response를 받았다.

하지만 그 내용을 오류로 넘기고 싶을 때 처리하는 방법

.then((response) => {

if( response.data == false ) {

throw new Error('no data from server');

} else {

console.log('success');

}

})

.catch((error) => {

console.log(error);

this.errors.push("회원정보가 존재하지 않습니다.");

});

then() 내에서 new Error로 넘겨주면,

아래 catch(error) 에서 해당 에러를 출력해준다.

그리고 this.errors.push 를 통해 error라는 id 를 가진 html 태그에 에러 내용을 출력해준다.

■ 신경쓸 점

1. throw new Error( )

throw를 통해 새로운 에러 객체를 생성하는 작업.

이 작업을 통해 catch가 에러를 인식하고 해당 내용을 출력한다.

2. catch(error) => {

Arrow function의 인스턴스 함수의 기능을 이용하여,

에러 함수 내에서 전역변수( this. )를 사용할 수 있게 한다.

728x90

반응형

from http://code-hoon.tistory.com/127 by ccl(A) rewrite - 2021-11-18 10:00:19