Vue js使用vue-resource进行服务器调用

时间:2017-12-20 04:25:39

标签: javascript vue.js vuejs2 vue-resource

我正在尝试弄清楚如何使用vue-resource进行以下服务器调用。我不太确定如何设置标头并使用Vue发送数据。$ http.post

jQuery.ajax({
url: "http://url/",
type: "POST",
headers: {
    "Content-Type": "application/json; charset=utf-8",
},
contentType: "application/json",
data: JSON.stringify({
    "email": "foo",
    "password": "bar
})

})

2 个答案:

答案 0 :(得分:1)

你应该能够做到这一点:

Vue.http.post('http://dev-api.languagelink.com/api/auth/login', {
  email: 'foo@bar.com',
  password: 'foobar',
}).then(res => {
  // Handle success response
})

vue-resource将自动设置Content-Type标头并将有效负载字符串化为JSON。

答案 1 :(得分:1)

尝试这样的事情:

this.$http.post('/url', data, {
   headers: {
       'Content-Type': 'application/json; charset=utf-8'
   }
}).then(res => {
//do the stuff
});