Как использовать несколько API в Vue.js - PullRequest
Новая
       9

Как использовать несколько API в Vue.js

0 голосов
/ 10 мая 2018

Я хочу вызвать несколько API в Vue.js примерно так: 

<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>

Когда я использую devuols Vue в Chrome, я вижу, что эти 2 массива распознаются, и когда я использую Fiddler, я могувидим, что оба API-интерфейса называются.Проблема заключается во втором наборе результатов JSON, т. Е. Из http://localhost/api/second не заполняется array2.

Есть идеи?

1 Ответ

0 голосов
/ 10 мая 2018

Просто чтобы ответить на мой собственный вопрос, если кто-то еще столкнется с подобной проблемой. Во-первых, код в вопросе выше работает нормально. Моя проблема заключалась в том, что CORS не был включен на стороне сервера для API http://localhost/api/second, и это должно было быть. На Fiddler не повлияло ограничение CORS, и поэтому он получил результаты API просто отлично.

...