vue.js/vue.js 2

114. 네트워크 에러 확인 방법과 에러 처리 코드 구현 | async & await 에러 처리 방법

DEV-Front 2022. 10. 17. 23:53
반응형

 에러가 났을 때의 대처 방법과 로그 분석하는 방법

- 실제 개발에선 기능보다 에러처리를 잘해야 완성도 높은 코드를 만들수있다.


네트워크 에러 확인 방법과 에러 처리 코드 구현 | 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);
      }

 

반응형