Vue.js中的“ ValidationError:验证失败:标题:需要路径`title`”

时间:2019-05-15 20:20:53

标签: node.js mongodb express vue.js

我有两个目录,其中存在vue节点。我在节点文件夹中有vue构建文件。

我目前正在处理来自Vue中节点的请求。但是,该事件发生了,但是数据没有交叉。

我有以下代码,我通过create发送了表单数据,但返回数据为空。另外,在mongodb中,标题和内容是必填项:true,所以会出现类似标题的错误。

请帮助我。

node / routes / api

...
const Post = require('../db/post');

router.post('/new', (req, res) => {
  const post = new Post({
    title: req.body.title,
    content: req.body.content
  });

  post.save((err) => {
    if (err) {
      console.error(err);
      res.json({ result: 0 });
      return;
    }
    res.json({ result: 1 });
  });
});
...

vue / src / component / new

<template>
  <div id="form-group">
    name : <input v-model="post.title">
    content : <input v-model="post.content">
    <button v-on:click="new" >New</button>
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      post: {}
    }
  },
  methods: {
    new: function (evt) {
      this.$http.post('/api/post/new', {
        post: this.post
      })
      .then((response) => {
        if (response.data.result === 0) {
          alert('Error')
        }
        if (response.data.result === 1) {
          alert('Success')
          this.$router.push('/')
        }
      })
      .catch(function (error) {
        alert('error')
      })
    }
  }
}
</script>

0 个答案:

没有答案