Vue-Resource, cannot get this.$http.post 在 Vue 实例中工作

Question

我正在尝试使用 this.$http.post post 一些数据，但我不知道如何通过路由 api..[=12 传递数据=]

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);
        });
    }


});

Answer 1

不是很清楚，确切的问题是什么，这里，您要攻击的确切 API。

如果您想要命中：/api/name/:someName，您可以执行以下操作

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

如果您尝试使用负载攻击：/api/:someName，您可以执行以下操作

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

如果有帮助请告诉我。

Vue-Resource, cannot get this.$http.post 在 Vue 实例中工作

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

vue-resource

vuejs2