如何在vue中通过axios获取json对象?

0 人关注

我试图从wordpress端点上生成的JSON中获取一个对象。我的最初目标是在我为客户建立的vue应用中显示wordpress中自定义字段的图片。

现在我只是想测试一下我是否能获取特定的对象,然后我将继续获取特定的图片网址。

我怎样才能获取json中的 "acf "对象?

我是否应该过滤数据,只显示感兴趣的对象,在这里继续的最佳做法是什么?

我写的代码是有效的,它可以获取json。然而,我试图只获取特定的对象 "acf",在 :https://backend.rogalandtt.no/wp-json/markers/v1/post。

通过改变响应为 "res.data",它可以获取它。我的理解是添加 "res.data.acf "来获取该对象,但它的返回结果是未定义的。

    <template>
      <div id="app">
        {{ images }}
      </div>
    </template>
    <script>
    import Vue from 'vue'
    import axios from 'axios'
    import VueAxios from 'vue-axios'
    export default {
      data: () => ({
        markers: null,
        id: null,
        images: []
      async mounted () {
        axios
          .get('https://backend.rogalandtt.no/wp-json/markers/v1/post')
          .then(res => {
            (this.images = res.data /* Adding .acf shows undefined */)
            console.log(this.images)
    </script>