首先从前端大概在做什么说起,就是从后台动态请求数据并将其渲染在页面上哇,那如何拿到后台提供的数据呢,于是axios网络请求登场!
关于axios的使用说明,可以参考使用说明 · Axios 中文说明 · 看云 (kancloud.cn)
1.安装axios
因为vue cli在创建项目的时候,无法直接构建axios,所以得自己手动安装
npm install --save axios
2.常用的网络请求
(1) get请求
方式一:参数直接拼接在url上
this.$axios.get('http://iwenwiki.com:3000/search?keywords=海阔天空')
.then(res =>{
console.log(res.data);
}).catch(error =>{
console.log(error);
})
方式二:在参数较多得情况下,也可以用下面得方式
this.$axios.get('http://iwenwiki.com:3000/search',{
params:{
keywords:'泸沽湖'
}
}).then(res =>{
console.log(res.data);
}).catch(error =>{
console.log(error);
})
(2)post 请求
这里要注意一个点,那就是post参数接收格式为
user_id=iwen@qq.com&password=iwen123&verification_code=crfvw
所以要使用qs.stringfy()将对象序列化成URL的形式,以&进行拼接
那么同理,反之qs.parse()就是将