Vuex4에 있는 소방시설에서 스냅샷을 올바르게 사용하는 방법

Vuex4에 있는 소방시설에서 스냅샷을 올바르게 사용하는 방법

나는 최신 vue3.js 웹앱에서 소방서를 이용하려고 한다.나는 내 앱에서 vuex4를 sate management로 사용해왔다.내 앱은 또한 Firebase 인증을 로그인, 로그아웃 및 새로운 사용자로 사용한다.

내 앱에서 사용snapShot로그인 후 기능하지만 아래와 같은 오류가 발생함.

Uncaught Error in snapshot listener: FirebaseError: Missing or insufficient permissions.

하지만 나는 그 코드를 수신 거부하도록 만들었다.onSnapshot로그아웃 이벤트 후 기능한다.내 코드는 아래와 같아:

store/index.js

const store = createStore({
 state: {
  unsubscribe: null,
 },
 actions: {
  startListner(context) {
   context.state.unsubscribe = onSnapshot(
      //something result get proccess
   )
  },
  stopPostsListner(context) {
      context.state.unsubscribe();
    },
 }
})

내가 만들었다onSnapshotvuex 작업 방법으로 기능한다.그런 다음 index.vue에서 이러한 기능을 사용하십시오.

색인.vue

<script setup>
import { useStore } from "vuex";
import { onMounted, onUnmounted } from "vue";
const store = useStore();

onMounted(() => {
  store.dispatch("startPostsListner");
});
onUnmounted(() => {
  store.dispatch("stopPostsListner");
});
</script>

내 생각에는 말이지…onSnapshot구성 요소를 파괴한 후 기능 등록을 취소하지만 오류가 계속 발생하고 있다.

올바른 사용 방법onSnapshotvuex4에서?

더 나은 가시성을 위한 답변으로 내 의견을 게시하는 것.

다음을 변경하여 보안 규칙에서:

allow read, write: if

로부터false;로true;오류를 해결하는 데 도움이 될 것이다.

참조URL: https://stackoverflow.com/questions/71206690/how-to-correctly-way-to-use-onsnapshot-of-firebase-firestore-in-vuex4