Select data from firebase via id gives me a CORS error

Question

I'm deleting data from my firebase db with fetch but I can't figure out how to point to an exact ID.

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

I tried it this way, but it gives me a CORS error. I'm also displaying data from this db, that works fine.

UPDATE: I also want to say that when i console.log the id it gives me the correct one.

Hello! I'm learning react so I didn't make a normal backend. — Monard, Jun 14 '21 at 12:34

score 2 · Accepted Answer · answered Jun 14 '21 at 23:36

(Tl;dr: Try adding '.json' to the end of the endpoint.)

I would recommend reading this page to get a general understanding of what a CORS error is and why it might be happening.

In your case, I would recommend using the Firebase SDK that is best suited to your application. You could start here and follow the setup instructions for whichever is most applicable to your use case (perhaps the node client sdk)?

If you must avoid using the sdks for some reason then I would refer to some other Stackoverflow questions such as this one, which suggests that all Firebase REST endpoints need to end with '.json'.

Is there any explanation behind your answer please? – Kick Buttowski Oct 14 '22 at 20:14 — Kick Buttowski, Oct 14 '22 at 20:14

score 0 · Answer 2 · edited Jun 05 '22 at 09:25

0

You just need to add .json at the end of your request and remove .json from tasks.json. like this:-

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

edited Jun 05 '22 at 09:25

Tyler2P

2,324
26
22
31

answered Jun 05 '22 at 09:12

ankur

1

score 0 · Answer 3 · edited Feb 12 '23 at 09:29

0

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

Just replace .json text with ${id}.json.

Have a nice day

edited Feb 12 '23 at 09:29

F. Müller

3,969
8
38
49

answered Feb 07 '23 at 05:37

Mahesh Babu

1

Select data from firebase via id gives me a CORS error

3 Answers3