reactjs 通过ID从firebase选择数据给我一个CORS错误

hgb9j2n6  于 2023-02-08  发布在  React
关注(0)|答案(3)|浏览(100)

我正在用fetch从我的firebase数据库中删除数据,但是我不知道如何指向一个确切的ID。

const deleteHandler = async (id) => {
console.log(id);
await fetch(
  `https://react-task-tracker-8e519-default-rtdb.firebaseio.com/tasks.json/${id}`,
  {
    method: "DELETE",
  }
);

我试过这种方法,但是它给我一个CORS错误。我也显示来自这个数据库的数据,工作正常。
更新:我还想说,当我consoleiderlog的id给我正确的。

ghg1uchk

ghg1uchk1#

(Tl;dr:尝试将.“json”添加到端点的末尾。)
我建议阅读this page,以大致了解什么是CORS错误以及为什么会发生这种错误。
在您的情况下,我建议使用最适合您的应用程序的Firebase SDK。您可以start here并遵循安装说明,选择最适合您的用例(可能是节点客户端SDK)?
如果您出于某种原因必须避免使用SDK,那么我会参考一些其他的Stackoverflow问题,如this one,这表明所有Firebase REST端点都需要以“. json”结尾。

raogr8fs

raogr8fs2#

您只需要在请求的末尾添加.json,然后从tasks.json中删除.json

await fetch(
  `https://react-task-tracker-8e519-default-rtdb.firebaseio.com/tasks/${id}.json`,
nxagd54h

nxagd54h3#

const删除处理器=异步(id)=〉{控制台日志(id);等待获取(https://react-task-tracker-8e519-default-rtdb.firebaseio.com/tasks/${id}.json,{方法:"删除",});
像这样试试会成功的

  • 只需删除任务、json后的. json文本并粘贴${id}. json。

祝你有愉快的一天

相关问题