Vuexfire搭配Firebase Cloud Firestore模拟器无法正常运行的问题咨询

你遇到的false for 'get' @ L6 并非Vuexfire与Firebase模拟器的兼容问题，本质是Firestore模拟器加载的安全规则拦截了读请求——真实线上环境的数据库规则已经放行了对应操作，但本地模拟器启动时加载的规则配置没有同步对应权限，直接拒绝了所有数据读取请求。

具体解决步骤 #

1. 修正Firestore模拟器的规则加载配置 #

• 首先检查firebase.json的emulators配置，必须明确指定模拟器要加载的本地规则文件路径，缺少该配置时模拟器会默认加载拒绝所有操作的基础规则，直接触发权限报错：

"emulators": {
  "firestore": {
    "port": 8081,
    "rules": "firestore.rules" // 新增这行，指向项目里的规则文件路径
  }
}

• 同步检查项目根目录下的firestore.rules文件，确保针对profiles/{uid}的文档读操作配置了对应权限。调试阶段可以临时配置宽松规则验证连通性，比如放开已登录用户对自身档案文档的读写权限：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /profiles/{uid} {
      allow read, write: if request.auth != null && request.auth.uid == uid;
    }
  }
}

2. 优化Firebase初始化的模拟器连接逻辑 #

• 你当前硬编码emulating = true的方式存在生产环境误连模拟器的风险，建议用前端环境变量控制模拟器开关，避免上线后出现异常：

firebase.initializeApp(firebaseConfig)
const auth = firebase.auth()
const db = firebase.firestore()
const func = firebase.functions()

// 仅本地开发环境下才启用模拟器
if (process.env.NODE_ENV === 'development') {
  func.useEmulator('localhost', 5001)
  // 调试Auth相关逻辑时再开启Auth模拟器的连接配置
  // auth.useEmulator('http://localhost:9099/')
  db.useEmulator('localhost', 8081)
}

• 必须确保模拟器连接代码的执行时机早于所有数据库读写操作，不要等组件挂载、Vuex Action触发后再执行useEmulator配置，否则会出现部分请求优先发送到线上Firebase服务的问题。

3. Vuexfire适配的注意事项 #

• Vuexfire本身与Firebase模拟器无兼容问题，它仅对Firebase SDK的原生绑定API做了封装，只要SDK层的模拟器连接配置正确，bindFirestoreRef会自动走模拟器通道完成数据绑定。
• 如果你后续开启了Auth模拟器，需要确认bindProfile Action触发时，state.user.uid已经是Auth模拟器返回的有效用户ID——未完成登录、拿不到有效uid时发起的查询，会被安全规则直接拦截，抛出同样的权限错误。
• 排查连通性时可以在启动模拟器的命令后加--debug参数，查看完整的请求日志，确认前端请求是否正常到达Firestore模拟器，以及规则拦截的具体原因。

内容的提问来源于stack exchange，提问作者Amos Glenn