When trying to retrieve user data from a MongoDB in JSON format using axios.get within a Vue.js application, my aim is to visualize this data by iterating through all user objects in the users array. The issue I'm facing is that each character is treated as a separate object in this array instead of each user JSON file being one object. Ideally, with three user objects, the length of users should be three.
Here's the code snippet for the axios call:
axios
.get(RL + "/users")
.then(response => {
this.users = response.data
})
.catch(e => {
this.errors.push(e);
console.log("Errors in Users: " + e);
});
Using this snippet, my goal is to iterate through all objects and display the username. However, the issue lies with user.name returning only a single character instead of the full name.
<div v-if="users">
<li v-for="user in users">
{{user.name}}
</li>
</div>