目錄

?

?

基本概念

關鍵代碼

---

?

基本概念

這里安裝好axios后，還要安裝qs

npm install --save qs

在vue cli中在created里面調用方法，他會在頁面加載完成后自動調用！

批量發送代碼

套到all里面的，就可以批量發送，然后v1，v2，v3就是最后的結果，

通過qs的stringify可以添加post的表單數據。

這里要注意一個問題。當一個數字比較長的時候，最好是使用字符串，不然會出現精度丟失。

程序運行截圖如下：

?

關鍵代碼

關鍵代碼如下：

<template> <div>....... </div> </template><script>.......import axios from 'axios'import qs from 'Qs'export default {data(){return{.......}},components: {.......},created() {this.getData();},methods:{getData(){axios.all([axios.get('.......'),axios.get('.......'),axios.post('.......', qs.stringify({"xxx": "xxxxx","xxx": "xxxxx"}))]).then(axios.spread(function (v1, v2, v3){console.log(v1.data);console.log(v2.data);console.log(v3.data);}));}}} </script>

?

總結

以上是生活随笔為你收集整理的前端笔记-vue cli中axios批量发送get和post请求及注意事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。