1
2
3
$ yarn add vue-resource
$ npm install vue-resource

1
2
3
import VueResource from 'vue-resource'
Vue.use(VueResource)

1
2
3
4
this.$http.get('/someUrl', [config]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [config]).then(successCallback, errorCallback);
this.$http.jsonp('/someUrl', [config]).then(successCallback, errorCallback);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
// POST /someUrl
this.$http.post('/someUrl', {foo: 'bar'}).then(response => {
// get status
response.status;
// get status text
response.statusText;
// get 'Expires' header
response.headers.get('Expires');
// get body data
this.someData = response.body;
}, response => {
// error callback
});
}

1
2
3
4
5
6
 this.$http.get('/someUrl', {params: {foo: 'bar'}}).then(response => {
// success callback
}, response => {
// error callback
});

1
2
$ npm install axios

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const axios = require('axios');
//一定要引入哦
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
})
.then(function () {
// always executed
});

1
2
3
4
5
6
7
8
9
10
11
12
const axios = require('axios');
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

1
2
3
4
5
6
7
8
9
10
// Send a POST request
axios({
method: 'post',
url: '/user/12345',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
});