How to read stream+json responses from Vuejs?

Question

I use axios http client in vuejs application and this code:

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

If server return simple "application/json" conten, then all fine. But i want read "application/stream+json" for each row separately.

For example:

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

But this code (as expected) does not work.

Answer 1

I solved this problem with SSE:

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