# 一、axios 简介
axios是一个基于Promise用于浏览器和nodejs的HTTP客户端,它本身具有以下特征:
- 从浏览器中创建
XMLHttpRequest - 从
node.js发出http请求 - 支持
Promise API - 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换
JSON数据 - 客户端支持防止
CSRF/XSRF
# 二、axios基础
axios.request(config)axios.get(url [,config])axios.delete(url [,config])axios.head(url [,config])axios.options(url [,config])axios.post(url [,data [,config]])axios.put(url [,data [,config]])axios.patch(url [,data [,config]])
# 三、执行 GET 请求
// 向具有指定ID的用户发出请求
axios.get('/user?ID=12345')
.then(function (res) {
console.log(res);
})
.catch(function (error) {
console.log(error);
});
// 也可以通过 params 对象传递参数
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
@前端进阶之旅: 代码已经复制到剪贴板
# 四、执行 POST 请求
axios.post('/user', {
userId:"123"
},{
headers:{
token:"abc"
}
})
.then(function (res) {
console.log(res);
})
.catch(function (error) {
console.log(error);
});
@前端进阶之旅: 代码已经复制到剪贴板
# 五、通过配置方式发送请求
get请求是发送参数,在params中定义。而POST请求是发送request body,需要在