你实际上不能从vue查询Xata，因为它是一个前端框架（关于为什么你不应该这样做的更多信息-〉https://xata.io/blog/securely-querying-your-database-on-xata）
如果你需要帮助，我邀请你加入xata’s discord channel
好好玩！

跟进Fabien 0102的评论
你实际上不能从vue查询Xata，因为它是一个前端框架（更多〉关于为什么你不应该在这里这样做的信息-〉https://xata.io/blog/securely-querying-your-database-on-xata）
我会建议研究Nuxt 3，这是出测试版，并有一个非常愉快的开发经验。
您需要解决的问题是server-文件夹（位于根目录下）和JS或TS文件，例如：

• 伺服器
• API
• quiz.js
• logout.js

然后在您的一个ts文件中：

// filepath: server/api/quiz.js
export default defineEventHandler(async () => {

  const xata = getXataClient();
  const page = await xata.db.quiz
   .select(["questions", "answer", "options", "selected"])
   .getPaginated({
      pagination: {
      size: 15,
    },
  });
  return page
})

然后，您可以在http：//localhost：3000/api/quiz上找到它。然后，按照您的意愿将其提取到您的vue文件中。（I also recommend testing useAsyncData since your now in a nuxt enviroment）