Nuxt•7mo 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•7mo ago

how do you handle it in your backend?

ParadoxLectorOP•7mo ago

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

Kyllian•7mo ago

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

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

Try using params instead of body, otherwise the suggestion above

ParadoxLectorOP•7mo 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•7mo ago

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

ParadoxLectorOP•7mo 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