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

【问题标题】：Vuejs 2.x - Make a rest api call with an array of objectsVuejs 2.x - 使用一组对象进行休息 api 调用
【发布时间】：2017-10-04 22:23:30
【问题描述】：

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

这是该结构的模型视图，如开发工具中所示。实际上，列表更长，每个对象中有更多变量：

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

是否有一种标准方法可以使用 Vue 或其他一些第三方库从这个结构中构造一个请求？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

用法简单如1-2-3：

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

【讨论】：