Nuxt.js:通过其他请求的响应发出API请求

时间:2019-09-07 20:57:37

标签: javascript axios nuxt.js

我有一个带有2个端点的API:/ models和/ model / {model} / cars。首先,我想获取所有模型,然后再获取每种模型的汽车。但是我找不到用第一个请求的响应来发出请求的解决方案。

import axios from 'axios'
import ModelCard from '~/components/ModelCard.vue'
export default {
  components: {
    ModelCard
  },
  asyncData() {
    return axios
      .get(
        `https://localapi/models`
      )
      .then((response) => {
        const models = response.data.Models
        const cardetails = []
        for (let index = 0; index < models.length; index++) {
          const model = models[index]
          <-- model.LocalCode -->
          /* for each model (model.LocalCode) I need to make a reguest to '/model/'+model.LocalCode+'/cars' and the response I want to push to the cardetails array*/
        }
        return { modelData: response.data.Models, carData: cardetails }
      })
  }
}

0 个答案:

没有答案