reactjs - Firebase 错误 : Missing or insufficient permissions with react js

Question

firebase 权限被这些规则拒绝:
此规则允许 Internet 上的任何人查看、编辑和删除
Firestore 数据库中的所有数据。它有助于获得
已启动，但它被配置为在 30 天后过期，因为它
让您的应用对攻击者开放。当时，所有客户
对 Firestore 数据库的请求将被拒绝。
确保在此之前为您的应用编写安全规则，否则
您的应用将无法访问您的 Firestore 数据库

rules_version = '2';
 service cloud.firestore { 
    match /databases/{database}/documents {

    match /{document=**} {
      allow read, write: if false;
        }
      }
   } 

浏览器控制台的屏幕截图


output of the redux state in h3 tag

reducer 代码:

import { GET_ALL_SCREAM, LOADING } from "../types";
import { db } from "../../firebase/config";
const initialState = {
  data: [],
  loading: false,
  error: {},
};
export default function (state = initialState, action) {
  switch (action.type) {
    case GET_ALL_SCREAM:
      db.collection("screams")
        .get()
        .then((data) => {
          let screams = [];
          data.forEach((doc) => {
            screams.push({
              id: doc.id,
              ...doc.data(),
            });
          });
          return { ...state, loading: false, date: screams };
        })
        .catch((err) => {
          console.error(err);
          return { ...state, loading: false, error: { ...err.response } };
        });
        console.log("error is in somewhere");
        return { ...state, loading: false, error: { "error": "something went wrong" } };
    case LOADING:
      return { ...state, loading: true };
    default:
      return state;
  }
}

Answer 1

在您的数据库规则中进行如下更改。

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write;
    }
  }
}