[Vuejs]-Fetch() function is not working in methods

by

1👍

From MDN documentation, the json() method is implemented on Response body, and it returns a promise wich resolves to result of parsing the body text as json.

response.json().then(data => {
  // do something with your data
});

So, when using in fetch, the correct syntax is:

fetchArticles(){
                 fetch('api/articles')
                     .then(res => res.json())
                     .then(data=> {
                         this.arcticles = data;  // the result here contains only the json data, it is not a response object, so it does not have a 'data' property.
                         console.log(data);
                     })
             }

Leave a comment