반응형
에러가 났을 때의 대처 방법과 로그 분석하는 방법
- 실제 개발에선 기능보다 에러처리를 잘해야 완성도 높은 코드를 만들수있다.
네트워크 에러 확인 방법과 에러 처리 코드 구현 | async & await 에러 처리 방법
- try, catch 걸어주면된다
- 그러면 에러 나면 몇번째줄 코드의 에러인지 까지 확인 가능
- 이거 안하면 무슨 컴포넌트에 에러가 났는지는 뜨는데 몇번째 줄 인지는 모름
async submitForm() {
try {
// 비지니스 로직
const userData = {
username: this.username,
password: this.password,
};
const { data } = await loginUser(userData);
console.log(data.user.nickname);
this.logMessage = `${data.user.nickname}님 환영합니다`;
this.initFrom();
} catch (error) {
// 에러 핸들링할 코드
console.log(error.response);
}
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
116. 사용자 폼 유효성 검사 | email 방식인지 체크 | :disabled="!isUsernameValid || !password" (0) | 2023.01.18 |
---|---|
115. 에러 메시지 출력 및 에러 피드백 표시 방법 (0) | 2022.11.22 |
113. 로그인 기능 구현 (0) | 2022.10.17 |
112. env 파일과 설정 방법 | vueCLI의 env파일 규칙과 실무 환경 구성 방법 (0) | 2022.10.17 |
111. API 설정 공통화 | axios.create 로 공통설정(URL) 담는 방법 (0) | 2022.10.17 |