Cross-Origin Request Blocked. CORS header â€˜Access-Control-Allow-Originâ€™ missing when fetching

Answered

MD20M posted this in #help-forum

2023-10-16T15:47:57.000Z

So I wanted to delete a specific role from a discord user using fetch in my next.js app. But I encountered this error

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https:// discord.com/api/v10/guilds/XXXX/members/XXXX/roles/XXXXX. (Reason: CORS header â€˜Access-Control-Allow-Originâ€™ missing). Status code: 403

My code is:

const response = await fetch(`https://discord.com/api/v10/guilds/${guild}/members/${userId}/roles/${oldRoleId}`, {
      method: "DELETE",
      headers: {
        Authorization: `Bot ${botToken}`,
      },
    });
  
    if (!response.ok) {
      throw new Error(`Failed to remove role: ${await response.text()}`);
    }

I have tried adding the header in the error but I just can't figure out how to do it correctly. Thank you in advance!

Answered by Clown

You can try using a server action or a route handler if you want to use it in a client component

View full answer

20 Replies

Clown

2023-10-16T16:10:19.000Z

Im not master at CORs. Take my words with a grain of salt.

Adding the header to the request will not work. Are you running this fetch in a server component? Also if its inside a client component then i would say you should move it into a route handler

@Clown Im not master at CORs. Take my words with a grain of salt. Adding the header to the request will not work. Are you running this fetch in a server component? Also if its inside a client component then i would say you should move it into a route handler

MD20MOP

2023-10-16T16:12:07.000Z

It's inside of a client component yeah. Should I try it in a server component?

@MD20M It's inside of a client component yeah. Should I try it in a server component?

Clown

2023-10-16T16:14:35.000Z

Yes

Clown

2023-10-16T16:14:56.000Z

You can try using a server action or a route handler if you want to use it in a client component

Answer