无法通过Vue-Resource传入数据以删除请求

时间:2018-02-03 17:51:12

标签: node.js vue.js vue-resource

我在使用Vue-resource传递数据以删除请求时出现问题。服务器正在恢复没有数据的空白对象。有一些代码:

使用Vue.js和Vue-resourcer

的前端
deleteArticle: function(tit){
  console.log(tit);
  this.$http.delete('http://192.168.0.52:8080/article',{'title':'123'}).then((res)=>{
    this.refresh();
    console.log(res.data);
  }).catch((e)=>{console.log(e)});
}

使用express.js API的node.js路由后端。

app.delete('/article', (req,res)=>{
 var body = _.pick(req.body,['title']);
 console.log(req.body); //printing blank object from request
 Article.findByTitleAndRemove(body.title).then((doc)=>{
  res.status(200).send(`Deleted Article with title ${doc.title}`)
 }).catch((e)=>{
  console.log(e);
  res.status(400).send(e);
 })
})

此路线适用于邮递员。

1 个答案:

答案 0 :(得分:0)

试试这个:

this.$http.delete('http://192.168.0.52:8080/article', { params: { title: 123 } }).then(res => {
    this.refresh();
    console.log(res.data);
}).catch((e)=>{console.log(e)});

更新:这是我在节点中的工作方式:

app.delete('/article', (req, res) => {
  console.log(req.query.title); 
});

enter image description here