如何在vuejs中将JSON对象发布到Web服务器？

Question

我需要从客户端获取网络服务器中的 JSON 对象。客户端 - 是浏览器。数据：用户名和密码。
HTML 代码如下：

<form action="/login" method="post">
    <input type="text" name="username" placeholder"Username"/>
    <input type="password" name="password" placeholder="Password"/>
    <input type="submit" value="Submit"/>
</form>

我尝试过vuejs：

new Vue({
    el: '#app',

    data: {
        username:'',
        password:'',
    },

    methods: {
        send: function () {
                this.$http.post("/login",
                    JSON.stringify({
                        username: this.username,
                        password: this.password,
                });)}},
  };

但这不起作用。
我也尝试过 jquery 但错误是一样的。
错误：查找值开头的字符“u”无效。
通过curl就没有这样的错误。

我哪里做错了？

Answer 1

尝试使用AXIOS

代码：

axios.post('/url', {
  jsonData: JSON.stringify(...data...)
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

Answer 2

你的$http从哪里来？你用什么来进行http请求？

可以使用axios进行HTTP请求。