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

이유정님의 프로필 이미지

작성한 질문수

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

Axios 실전에서 사용하기

api/index.js

19.05.29 16:32 작성

·

202

3

<질문 1>

`const onUnauthorized = () => {

router.push('/login')
}

`

이부분에서 rouer.push()를 사용하셨는데, 해당파일에 가서 보니 path : '/login'에 해당하는거 같은데 push 사용 이유가 뭔가요? push는.... 추가(?)하는 함수가 아닌가요?

<질문 2>

Home.vue 파일에서

board.fetch()
.then(data => {
this.boards = data
})
.finally(() => {
this.loading = false
})
 

board.fetch()를 부르고 .then()형식으로 코드를 구성하셨는데, 그 이유가 api/index.js파일에서 보면 fetch() 함수가 return 하는게 promise 방식인 axios()라서 Home.vue에서 .then, .finalluy 이런식으로 작성하신거 같으신데 제가 이해한게 맞나요?

답변 1

0

정재윤님의 프로필 이미지

2021. 11. 08. 16:15

1. 여기서 router는 VueRouter라서 우리에게 친숙한 

Array.prototype.push() 메소드랑 다릅니다.

여기서 사용한 push()는

<route-link to=""></route-link>와 기능이 같습니다.

정확히는 위의 표현이 사실은 push()기능을 사용하는 것이지요.

 

2. 이해하신게 맞습니다. console.log()로 찍어보시면 확인 가능합니다.