从带有数组的响应中获取 Axios 响应数据答案

【问题标题】：Getting Axios response data from a response with an array从带有数组的响应中获取 Axios 响应数据
【发布时间】：2019-09-17 00:44:35
【问题描述】：

这是我服务器的响应

{"message":"Resource Created","payload": 
[{"id":"5d80270413452b6732fd5217","name":"asdf"}]}

我正在尝试将id 设置为我的状态。

目前正在尝试这个。

axios.post(`http://localhost:8081/companies`, company)
     .then(request => request.data.payload.id)
     .then(id => {
         commit('setCreatedCompanyID', id)
     })

我认为错误在于这一行

.then(request => request.data.payload.id)

如何从响应数组中获取第一个 ID？

【问题讨论】：

.then(request => request.data.payload[0].id)
那行得通。谢谢！

标签： vue.js axios vuex

【解决方案1】：

使用myArray[index] 访问myArray 数组的index-th 元素。如：

.then(request => request.data.payload[0].id)

演示：

axios.get(`https://api.myjson.com/bins/rin05`)
  .then(request => request.data.payload[0].id)
  .then(console.log)

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
Check the console

【讨论】：