Question

我想在Vue.js中调用多个API：

<script>
    const app = new Vue({
        el: '#app',
        data: {
            array1: [],
            array2: []
        },
        created(){
            fetch('http://localhost/api/first')
            .then(Response => Response.json())
            .then(json => {
                this.array1 = json
            }),

            fetch('http://localhost/api/second')
            .then(Response => Response.json())
            .then(json => {
                this.array2 = json
            })
        }
    })
</script>

当我在Chrome中使用Vue devtools时，我可以看到2个数组被识别，当我使用Fiddler时，我可以看到两个API都被调用。问题是第二组JSON结果，即http://localhost/api/second不填充array2。

有什么想法吗？

Answer 1

只是回答我自己的问题，以防其他人遇到类似的问题。首先，上面问题中的代码工作正常。我的问题是在http://localhost/api/second API的服务器端没有启用CORS，它需要。 Fiddler没有受到CORS限制的影响，因此获得了API结果。

如何在Vue.js中使用多个API

1 个答案: