刚接触axios没多久,前面只是使用axios做一些基础的请求,今天做东西要在使用axios.create的情况下使用axios.all并发请求,尝试了几次后找到方法,这样写:
main.js中:
import axios from 'axios' Vue.prototype.$axiosTools=axios;//将使用$axiosTools 来使用axios的all方法和spread方法
let http = axios.create({ baseURL: 'http://xxxxx.com/index.php/Api/', timeout: 1000, }); Vue.prototype.$axios=http;//这个$axios用来发请求
xxx.vue中
created(){ this.$axiosTools.all([this.getBanner(), this.getDesign()]) .then(this.$axiosTools.spread(function (a, b) { // 两个请求现在都执行完成 console.log(b); console.log(a); })); }, methods: { getBanner() { return this.$axios.get('Api/getBanner'); }, getDesign() { return this.$axios.get('Index/design'); } }
1.如需转载本站原创文章,请务必注明文章出处并附上链接,非常感谢。
2.本站用于记录个人 工作、学习、生活,非商业网站,更多信息请 点击这里
上一篇: vue子组件无法获取父组件异步拿到的数据
下一篇: js加密解密字符串
😛 🙁
🙄 🙄
😎 😎
😎 😎 🙄