Vue-Resource, can't get this.$http.post working in Vue instance

Question

I am trying to post some data usng this.$http.post and I could not figure out how to pass in the data through the route api..

new Vue({

    el: '#root',

    data: {
        newName: '',
        nameList: []
    },

    methods: {
        addName(){
            this.nameList = this.nameList.concat(this.newName);
            var name = this.newName;
            this.newName = '';

            this.$http.post('/api/name', {name: name}).then((response) => {
                console.log(response.message);
            });
       }
    },

    mounted(){
        this.$http.get('/api/name').then((response) => {
            this.nameList= this.nameList.concat(JSON.parse(response.body));
            console.log(this.nameList);
        });
    }


});

Saurabh · Accepted Answer · 2016-12-03 14:19:23Z

2

It is not very clear, what is the exact issue, here, what exact API you are trying to hit.

If you are trying to hit: /api/name/:someName, you can do following

this.$http.post('/api/name/'+name ).then((response) => {
   console.log(response.message);
});

If you are trying to hit: /api/:someName with payload, you can do following

this.$http.post('/api/' + name, {name: name}).then((response) => {
   console.log(response.message);
});

Let me know if it helps.

answered Dec 3, 2016 at 14:19

Saurabh

73.8k44 gold badges193 silver badges251 bronze badges

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

1 Comment

smanjil Over a year ago

The first answer helped. Thank you

Collectives™ on Stack Overflow

Vue-Resource, can't get this.$http.post working in Vue instance

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