Axios request giving getter setter methods instead of data queried

Writing up my comments above as a sort of canonical answer to this as it keeps coming up…

What you’re looking at is how Vue proxies your data to make it reactive. This is because you’re using console.log() on a Vue instance data property.

When you assign values to a data property, it is transformed to an observable so Vue can treat it reactively. I suggest you forget about trying to console.log() anything assigned to this and use the Vue Devtools browser extension to inspect your components and their data if you’re having trouble rendering the response.

Please note, there is nothing wrong here.

Leave a Comment