我正在使用 Vue（和 Laravel for RESTful API）構(gòu)建一個(gè)相當(dāng)大的 SPA。我很難在網(wǎng)上找到有關(guān)此的資源 - 組織與服務(wù)器通信的代碼的好做法是什么？目前我有src/api.js文件，它使用axios并定義了一些基本方法以及特定的 API 端點(diǎn)（被截?cái)啵篿mport axios from 'axios';axios.defaults.baseURL = process.env.API_URL;const get = async (url, params = {}) => (await axios.get(url, { params }));const post = async (url, data = {}) => (await axios.post(url, data));export const login = (data) => post('users/login', data);然后在我的組件中，我可以做...<script>import { login } from '@/api';...methods: {   login() {       login({username: this.username, password: this.password})           .then() // set state           .catch() // show errors   }}</script>這是一個(gè)好習(xí)慣嗎？我要我的終點(diǎn)分成多個(gè)文件（例如auth，users，documents等）？這種事情有沒(méi)有更好的設(shè)計(jì)，尤其是在涉及重復(fù)（例如錯(cuò)誤處理、顯示加載條等）時(shí)？謝謝！