Vue JS: Sending an axios post data from an object

Question

I need to set my JSON to variable because I am using it in 2 places, the

let data = {
         "test": "hello",
         "test2": "hello2
    }
    axios.post('/route', {
       data
    })
    .then((response) => {
        this.$emit('anotherFunction', data);
    })

I get a 400 back and then when I inspect the network request, the payload is: "{data: {"test": "hello", "test2": "hello2"}}" which makes sense but how can I have the JSON without the data part of it?

Majed Badawi · Accepted Answer · 2020-05-21 22:39:14Z

2

You should pass data like this:

let data = {
         "test": "hello",
         "test2": "hello2
}
axios.post('/route', data)
.then((response) => {
        this.$emit('anotherFunction', data);
})

answered May 21, 2020 at 22:39

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

raulInsto Over a year ago

ooh I was putting it directly in { } . Thanks !

Collectives™ on Stack Overflow

Vue JS: Sending an axios post data from an object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related