composition 검색 결과
1 개의 검색 결과가 있습니다.
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

Vue 3 Composition API: route 가드 설정 전 인증 체크하기

상황은 이렇다. Laravel의 sanctum을 통해 토큰을 받는 인증 방식을 채택Pinia 스토어를 통해 인증 상태를 저장저장된 인증 상태를 확인하는 route guard 사용먼저 main.ts 에서 앱에 route가 주입되기 전에 인증 상태를 확인해야 한다.axios의 then 내부에서 app.use(router); 를 시도하니 오류가 발생했다.따라서 axios를 async로 호출하여 강제로 토큰 확인이 완료된 후에 진행되도록 했다.const authenticated = async (): Promise => { try { return axios.get('/user/me'); } catch (e) { return undefined; }};const auth: AxiosResponse |..

2024. 4. 26. 10:54