axios 使用方法了解
2019-07-08 本文已影响0人
肆意木
1. axios 是什么?
查到的资料只有这一句:基于Promise的http库,适用于浏览器和node.js。(就是在发送请求时用到的东西
)
2. 解决什么问题?
可以拦截发送的数据与返回的数据,这样在项目里面可以统一处理请求
3. 用法?
npm install axios
import axios from 'axios';
3.1 可以直接请求
POST请求
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
})
GET请求
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
3.2 也可以导入配置请求(项目中建议用导入配置的方法,代码看着更好)
axios(config)
// 发起一个POST请求
config = {
method: 'post',
url: '/user/12345',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
}
4. 优势?
支持浏览器和node.js
支持promise
能拦截请求和响应
能转换请求和响应数据
能取消请求
自动转换JSON数据
浏览器端支持防止CSRF(跨站请求伪造)
5. 劣势?
在使用中暂时没有什么不方便的体验。