this.$http.post and this.$http.patch not passing on payload for req.body to detect about http HOT 8 CLOSED

My previous version was one of the 0.2.x versions. It's definitely something wrong with my code. When I made a new version to test it out, I couldn't reproduce the error.

I guess I'll have to keep debugging, but thanks for the help!

from http.

@tommyhpersonalhave you tried:

await this.$http.patch(`/api/tasks/${task.id}`, {
  json: { task:"rando info here" }
})

from http.

@Atinux Just tried that. That doesn't seem to work.

Weirdest thing is that it was working a couple months back, but out of nowhere it just stopped working.

from http.

Hi @tommyhpersonal
Can you reproduce a simple codesandbox ?
Do you have upgrade to latest http dependency ? What is your previous version ?

from http.

@tommyhpersonal hope you will fix it ;)
you can close your issue and maybe reoponed it if the problem persist with code reproduction :)

from http.

That was a really fast reply thank you @Geminii .

I just figured out what the issue was in my code.

Do you know if I can put a this.$http.patch('apiurl', payload) inside a method?

My code currently looks like

  <input type="button" value="Click me" @click="updateCompleted()">

  methods:{
    updateCompleted: async function(){
      var payload = {completed: 0}
      await this.$http.patch(`http://localhost:3000/api/tasks/4`,payload)
      await this.$http.$get('`http://localhost:3000/api/tasks/4')
    }
  }

if I were to put it in the below code, it would work fine

async(){
      var payload = {completed: 0}
      await this.$http.patch(`http://localhost:3000/api/tasks/4`,payload)
      await this.$http.$get('`http://localhost:3000/api/tasks/4')
} 

from http.

In view of the PATCH documentation, you can pass a payload in the second argument :)

In you want to use it into asyncData, you probably need this code to do this :

async asyncData({ $http }) {
  const payload = { completed: 0 }
  await this.$http.patch(`http://localhost:3000/api/tasks/4`, payload)
  const task = await $http.$get('http://localhost:3000/api/tasks/4')
  return task.json()
}

But if you need it into methods, your code is exact 👍
Don't hesitate if you need some other help 😀

from http.

Thanks for your help @Geminii !

I took a look at that document. I really need it in the methods part of the instance rather than the asyncData part since it's triggered by a click on the page.

It doesn't seem to pass on the payload. It returns {} when I do a console.log(req.body).

Anyways. I got tired of trying to fix it, so in the mean time i'm going to use the axios module. Hopefully this will be resolved in a future update. (Or maybe i'm just doing something wrong in my code)

My "it works, so it's good enough" solution for anyone else who might need it in the future:

  methods:{
    updateCompleted: async function(){
      var payload = {completed: 0}
      await this.$axios.patch(`http://localhost:3000/api/tasks/4`,payload)
      await this.$http.$get('`http://localhost:3000/api/tasks/4')
    }
  }

from http.