Vue, Pinia 및 Firebase 인증을 사용하여 경로 가드 이전에 현재 사용자 정보를 가져옵니다.

Question

최근에 저는 Vue 3 프로젝트에서 Pinia를 글로벌 스토리지로 사용하기 시작했습니다. 사용자 인증을 위해 Firebase를 사용하고 있으며 Vue가 초기화되기 전에 현재 사용자를 로드하려고 합니다. 이상적으로는 인증과 관련된 모든 것이 Pinia Store를 사용하여 별도의 파일에 있어야 합니다. 불행하게도 (Vuex와 달리) 어떤 작업을 사용하려면 Pinia 인스턴스를 Vue 인스턴스보다 먼저 전달해야 하는데 그게 문제인 것 같아요. 처음 로드할 때 저장소의 개체가 잠시 비어 있습니다. user

이것은

에서 사용자(새로운 Firebase 웹 v9 베타 사용)를 연결하는 저장 작업입니다. auth.js 으아악

이것은 내

파일입니다: main.js 으아악

다른 일이 발생하기 전에 사용자를 설정하는 방법은 무엇입니까?

Answer 1

알았어요. 비동기 작업 후에 라우터를 등록해야 했습니다

으아아아