axios安装与使用
安装 cnpm install axios
三种get请求
// 第一种写法
axios.get('/query?name=tom').then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
// 第二种写法
axios.get('/query', {
params: {
name: 'tom'
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
// 第三种写法
axios({
method: 'get',
url: '/query',
data: {
name: 'tom',
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
post请求
axios.post('/query', {
name: 'tom',
icon: 'img_path'
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
并发请求
function getUserAccount() {
return axios.get('/query?name=tom');
}
function getUserPermissions() {
return axios.get(/role?name=tom');
}
axios.all([getUserAccount(), getUserPermissions()])
.then(response) {
console.log(response);
// 两个请求都执行完成后返回，所有的请求结果都在这个res的对象下面
}));
