Nuxt•5mo ago

Posting using $fetch

Hey all! I have the following code in a server api endpoint:

const data = await $fetch(`https://api.server.com/logout/`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json; charset=utf-8'
    },
    body: JSON.stringify({
      "application_id": `${APPLICATION_ID}`,
      "access_token": `${access_token}`
    })
  })

const data = await $fetch(`https://api.server.com/logout/`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json; charset=utf-8'
    },
    body: JSON.stringify({
      "application_id": `${APPLICATION_ID}`,
      "access_token": `${access_token}`
    })
  })

https://api.server.com/logout/ always replays with

error: {
  field: 'application_id',
  message: 'APPLICATION_ID_NOT_SPECIFIED',
  code: 402,
  value: null
}

error: {
  field: 'application_id',
  message: 'APPLICATION_ID_NOT_SPECIFIED',
  code: 402,
  value: null
}

How do I correctly make the POST? Thank you!

7 Replies

Kyllian•5mo ago

how do you handle it in your backend?

ParadoxLector•5mo ago

https://api.server.com/logout/ Is not really my server but a third party service.

Kyllian•5mo ago

have you tried doing a similair thing with postman? just to make sure you're sending the data how they want it to

ʏᴜᴢᴢᴜᴡᴜᴀ•5mo ago

Try using params instead of body, otherwise the suggestion above

ParadoxLector•5mo ago

I have tried using Insomia and it works like this: POST to URL, structured as Form URL encoded. How do I translate it to my code?

const data = await $fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    body: { 
      "application_id": APPLICATION_ID,
      "access_token": access_token,
    }
  })

const data = await $fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    body: { 
      "application_id": APPLICATION_ID,
      "access_token": access_token,
    }
  })

This still doesn't work...

IcyFoxer•5mo ago

Maybe try to add an additional headers "Accept" : "application/json"

ParadoxLector•5mo ago

This is how it worked in the end:

const data = await $fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    body: new URLSearchParams({ 
      "application_id": APPLICATION_ID,
      "access_token": access_token,
    })
  })

const data = await $fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    body: new URLSearchParams({ 
      "application_id": APPLICATION_ID,
      "access_token": access_token,
    })
  })

Gaming

Programming

Posting using $fetch