网络模块封装（axios）

本笔记是看b站codewhy老师的视频做的笔记，大家可以一起学习，个人觉得他讲课很好，不光可以听到新知识，还可以复习旧知识，简直美滋滋。视频地址是

www.bilibili.com/video/av595…

选择什么网络模块

why not ajax

• 配置调用很混乱
• 编码看起来复杂

why not jQuery-ajax

• vue代码才1w行，jq就2w行，得不偿失

vue1.x的vue-resouce

不再维护，所以gg

axios yes

axios基本使用

1. 安装 npm install axios
2. 导入 import axios from 'axios'
3. 使用

axios({
  url:'http://123.207.32.32:8000/home/multidata',
  method: 'get'
}).then(res => {
  console.log(res);
  
})

axios发送并发请求

设置baseURL和超时时间

axios 实例

使用全局配置的时候，假如第二个请求的baseurl变了，那就不方便了，所以我们要搞个实例

封装

在项目中 引用了第三方东西，不要每个组件都引用，要不然改的时候非常麻烦。所以调用第三方东西的时候尽量封装一下。

拦截器

拦截之后返回data就行了。