Vuejs 2.x - 使用一组对象进行休息api调用

Question

我有一个存储在状态中的对象的数组，我希望将整个结构传递给后端api，以便执行一些逻辑并返回一个新的一组价值观。

这是在dev工具中表示的这种结构的模拟视图。实际上，列表更长，每个对象中都有更多变量：

personList: Array[2]
    0: Object
         name: "Scott", 
         age: 85        
    1: Object
         name: "Francis", 
         age: 83

使用Vue或其他第三方库，是否存在使用此结构构建请求的标准方法？

Answer 1

我建议使用fetch作为提出请求的现代方式 在这里查看示例https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Body

Answer 2

您可以安装任何HTTP客户端库 - 仅Vue没有内置客户端。 Axios通常与Vue.js一起使用。

用法很简单，如1-2-3：

axios.post('/users', personList).then(() => {
   //your code goes here...
});