Планируется очень большой проект на vue.
Хотелось бы сразу правильно организовать архитектуру правильно. Почитал много разных статей и так и не смог определиться с тем, как лучше сделать. Интересует именно вызов API
Где-то пишут, что вызовы можно делать прям в actions
А где-то пишет, что делаешь отдельные файлы под вызов api, а из actions обращаешься уже к этим файлам. Как лучше сделать, учитывая, что вызовов будет очень и очень много?
actions: {
async fetchData({ commit }) {
try {
return await axios.get(url);
} catch (e) {
console.error(e);
return false;
}
},
},
или так?
actions: {
async fetchData({ commit }) {
try {
return await fetchUsers();
} catch (e) {
console.error(e);
return false;
}
},
},
// api/users.js
const url = 'api/users';
const fetchUsers = () => axios.get(url);
export {
fetchUsers,
}