Как читать ответы потока + json от Vuejs?

Question

Я использую Axios http-клиент в приложении vuejs и этот код:

axios.get('http://localhost:8081/pets')
    .then(response => {
      this.pets = response.data;
    })

Если сервер возвращает простое содержание "application / json", то все в порядке.Но я хочу прочитать «application / stream + json» для каждой строки отдельно.

Например:

axios.get('http://localhost:8081/pets')
    .then(response => {
      this.pets.push(response.data)
    })

Но этот код (как и ожидалось) не работает.

Answer 1

Я решил эту проблему с SSE:

let es = new EventSource('http://localhost:8081/pets');
es.addEventListener('message', event => {
    let data = JSON.parse(event.data);
    this.pets.push(data);
}, false);

Answer 2

Я не уверен, что правильно понял или нет!но я дал данные и использую их как отдельно.

axios.get('http://localhost:8081/pets')
    .then(response => {
      for(var key in response.data) {
         this.pets.push(response.data[key]);  //row by row
      }
    })