axios框架

• 一、axios框架的基本使用
• 1.安装
• 2.导入
• 3.基础使用
• 4.发送并发请求并都拿到结果之后再做相应处理

一、axios框架的基本使用

1.安装

对这个框架进行安装，Vue中没有这个框架，是独立的

cd learnaxiosnpm install axios --save //-save-dev  用--save，因为线上之后也依然需要使用这个框架

2.导入

import axios from \'axios \'

3.基础使用

axios(config) //config 一般是一个对象类型，能传过来许多配置属性

对网络模块进行封装时可以用这个网站进行测试，它可以做网络请求的模拟

axiso({url: \'http://123.207.32.32:8000/home/multidata\', //服务器端的IP地址和端口号，默认get请求method：\'get\', //指定请求方式1success：function(res){} //以前这么做 有个专门的函数做回调拿请求结果，而axios支持promis所以不需要这个，只需要写.then,拿到数据结果之后它会调用一个内部的result 然后执行 then方法params:{type:\'pop\',page：1}//专门针对get请求的参数拼接，省着写在url后面太长了}).then(res => {console.log(res);})//或者指定请求方式2axios.get(相关参数)

4.发送并发请求并都拿到结果之后再做相应处理

axios.all([axios({...}),axios({...})])//按上面处理参数.then(results =>{})  //返回结果是一个数组[res1, res2]

axios.all([axios({...}),axios({...})])//按上面处理参数.then(axios.spread((res1,res2) => {console.log(res1);})) //用这个函数直接返回res1和res2两个结果