javascript - Nuxtjs/Firebase 权限被拒绝

Question

无法使用 nuxt-community 的 Firebase 模块链接从 Firebase 实时数据库读取/检索数据 here 。已经在 nuxt.config.js 文件中添加了我的 firebase 配置，如下所示。

modules: [
    '@nuxtjs/dotenv',
    [
      '@nuxtjs/firebase',
      {
        config: {
          apiKey: process.env.API_KEY,
          authDomain: process.env.AUTH_DOMAIN,
          databaseURL: process.env.DATABASE_URL,
          projectId: process.env.PROJECT_ID,
          storageBucket: process.env.STORAGE_BUCKET,
          messagingSenderId: process.env.MESSAGING_SENDER_ID,
          appId: process.env.APP_ID,
          measurementId: process.env.MEASUREMENT_ID,
          databaseSecret: process.env.DATABASE_SECRET,
        },
        services: {
          auth: true,
          realtimeDb: true,
        }
      }
    ],
  ],

规则:我不确定这是否正确。我只想将读取权限限制为只有我自己。

{
  "rules": {
    ".read": "auth.uid === 'my-uid-here'",
    ".write": "false"
  }
}

SomeComponent.vue

async loadFromDb() {
      const messageRef = this.$fireDb.ref('cases')
      try {
        const snapshot = await messageRef.once('value')
        alert(snapshot.val().cases)
      } catch (e) {
        alert(e)
        return
      }
},

Answer 1

您正尝试从 /cases 读取数据，而您的安全规则仅授予 /users 读取权限。如果您也想读取 /cases，则必须授予对 /cases(也)的读取权限。

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "$uid === auth.uid",
        ".write": "false"
      }
    },
    "cases": {
      ".read": true
    }
  }
}