Vue 是一個流行的 JavaScript 框架,它帶來了許多令人興奮的功能,其中一個功能是 axios。
axios 是一個基于 Promise 的 HTTP 客戶端,可以用于發送 GET、POST、PUT、DELETE 等請求,也可以攔截請求和響應,提供了豐富的配置選項。Vue 通過使用 axios 與服務器進行通信,可以輕松地獲取和發送數據。
import axios from 'axios'; Vue.prototype.$http = axios;
上述代碼將 axios 實例添加到 Vue.prototype 上,使其在應用程序的整個生命周期內都可用。為了使用 axios,需要在組件的方法中調用它,例如:
export default { data() { return { users: [] }; }, mounted() { this.getUsers(); }, methods: { getUsers() { this.$http.get('/api/users') .then(response =>{ this.users = response.data; }) .catch(error =>{ console.log(error); }); } } }
示例代碼通過發出 GET 請求來獲取 /api/users 路徑上的數據,并在響應被接收時更新組件的數據。如果發生錯誤,錯誤將被記錄在控制臺中。此時,我們已經成功地使用 axios 獲取了數據,它是一個非常實用的工具,可以簡化我們與服務器的通信,并提高我們的開發速度。