javascript - 快照监听器 : FirebaseError: Missing or insufficient permissions 中的未捕获错误

Question

我正在尝试使用 onSnapshot 监听器获取从 firebase 显示的帖子数据，但显示此 Firebase 错误。有人可以帮助解决这个错误

App.js:

import { useState, useEffect } from 'react';
import './App.css';
import loggo from './icons/loggo.svg';
import Post from './Components/Post.js';
import { db } from './firebase';

function App() {
  const [posts, setPosts] = useState([]);
  useEffect(() => {
    db.collection('posts').onSnapshot(snapshot => {
      setPosts(snapshot.docs.map(doc => doc.data()));
    })
  }, []);

  return (
    <div className="App">
      <div className="app_header">
        <img className="header_Image" src={loggo} alt="insta" />
      </div>
      {
        posts.map(post => (
          <Post username={post.username} caption={post.caption} imageUrl={post.imageUrl} />
        ))
      }
    </div >
  );
}
export default App;

Answer 1

如果您使用自己的 firestore，请转到管理控制台并将数据库规则更改为:

允许读、写:如果为真；