文章目录
一、axios模块
axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
可以提供以下服务:
1、从浏览器中创建XMLHttpRequest,该对象是ajax(异步请求)的核心
2、从node.js创建http请求
3、支持PromiseAPI
4、拦截请求和响应
5、转换请求数据和响应数据
6、取消请求
7、自动转换JSON数据
8、客户端支持防御XSRF
1、使用方法
(1)axios的安装
npm install axios
(2)五种请求
①get请求
不带参数
//第一种
axios({
method:'get',url:'url地址'})
.then((res)=>{
//请求成功后的处理
//'res'是服务器返回的响应数据
})
.catch((err)=>{
//请求失败后的处理
//err是请求失败后的信息
})
//第二种
axios.get('/url')
.then(res=>{
})
.catch(err=>{
})
带参数
在服务器端获取请求参数的方式:req(request).query.参数名。
//第一种
axios.get('/url', {
params: {
id : 12}})//id为参数名,12为参数值
.then(res => {
console.log(res)
}).catch(err => {
console.error(err);
})
//请求的地址实际为:http://localhost:8080/url?id=12
//第二种
axios({
methods: 'get',
url: 'url',
params: {
id:12//id为参数名,12为参数值
}
}).then(res => {
console.log(res)
}).catch(err => {
console.error(err);