如何在Firebase 9中获取不含前缀与错误码的简洁报错信息？

方案1：直接提取干净的官方提示文案 #

可以通过正则匹配的方式处理err.message，去掉固定格式的前缀和后缀：

const rawMsg = err.message
// 正则匹配移除开头的「Firebase: 」和末尾的「 (auth/xxx)」部分
const cleanMsg = rawMsg.replace(/^Firebase: | \([^)]+\)$/g, '')

这种方式适合快速开发、不需要自定义文案的场景，但缺点是如果Firebase后续调整了message的输出格式，正则可能会失效。

方案2（更推荐）：通过error.code自定义提示文案 #

这是更规范的处理方式，优势如下：

• 可以输出更贴合产品语境的用户友好文案，避免官方文案的生硬感
• 不受官方message格式变动影响，稳定性更高
• 方便后续扩展多语言、统一错误提示风格
  参考实现代码：

import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth'

// 提前维护Auth错误码和自定义文案的映射表
const AUTH_ERROR_MAP = {
  'auth/weak-password': '密码长度不能少于6位',
  'auth/email-already-in-use': '该邮箱已注册，请直接登录',
  'auth/invalid-email': '请输入有效的邮箱地址',
  'auth/operation-not-allowed': '当前暂不支持邮箱注册',
  'auth/too-many-requests': '操作过于频繁，请稍后再试'
}

const register = async () => {
  loading.value = true
  let response
  try {
    const auth = getAuth()
    response = await createUserWithEmailAndPassword(
      auth,
      form.value.email,
      form.value.password
    )
  } catch (err) {
    // 优先取自定义文案，匹配不到的情况返回通用提示
    const errorTip = AUTH_ERROR_MAP[err.code] || '注册失败，请稍后重试'
    // 这里可以直接把errorTip传给UI提示组件展示给用户
    console.log(errorTip)
  } finally {
    loading.value = false
  }
  return response
}

内容的提问来源于stack exchange，提问作者Luke Diebold