vue-axios 安装
npm install axios --save
在main.js文件中配置以下代码
打开`main.js`文件,`import`引入`axios`
import axios from 'axios'
vue.prototype.axios = axios // 在原型上添加
说明:
- 默认是get请求
- 有跨域请求
- axios()函数返回值是Promise对象,所以可以then
axios处理并发请求
实际工作中,经常有遇到一个页面初始需要多个请求的情况,在多个请求都完成后再执行一些逻辑。
或者说:如果我们需要在两个接口同时完成后,然后在执行一些逻辑,该如何做呢?
此时就可以使用`axios.all()`方法和`axios.spread()`两个辅助函数用于处理同时发送多个请求。
需要注意的是:该方法是axios的静态方法,不是axios实例的方法!
语法
axios.all([]) //数组中可以放入多个请求,返回的结果是一个数组。
axios.spread(func); // 参数是一个函数func,而func函数又接收多个参数,每个参数就是多个请求响应后的每个响应结果。
全局配置
在开发中可能很多参数都是固定的,这时候我们可以进行一些抽取,可以利用`axios`做一些全局配置。
比如:每次发送请求都是写固定不变的`http://localhost:8080`,每次这么写,
很麻烦,所以我们可以对这个部分进行抽取。形成全局配置。
全局配置语法:
axios.defaults.配置项 = 值