下面是一個簡單的Vue Axios示例:
// 安裝Axios:npm install axios –save // 引入Axios庫和Vue框架 import Axios from 'axios' import Vue from 'vue' // 在Vue的原型中添加一個實例方法,名為 $http,并為其賦值為 Axios Vue.prototype.$http = Axios // 在Vue組件中使用Axios: export default { created: function () { // 發送 GET 請求 this.$http.get('/api/items') .then(response =>{ console.log(response) }) .catch(error =>{ console.log(error) }) // 發送 POST 請求 this.$http.post('/api/item', { name: 'Vue.js', description: 'The Progressive JavaScript Framework' }) .then(response =>{ console.log(response) }) .catch(error =>{ console.log(error) }) } }
以上示例中,我們引入了Axios庫和Vue框架,并在Vue的原型中添加了一個實例方法$http,并為其賦值為Axios。然后,在Vue組件的created鉤子函數中,我們使用Axios發送了GET和POST請求,并用then和catch方法處理響應結果和錯誤信息。
需要注意的是,以上示例中的API URL /api/items和/api/item應該替換為你自己的API URL。
Axios是一個流行的基于Promise的HTTP庫,可以用于瀏覽器和Node.js平臺,在Vue項目中能夠很方便地與Vue框架集成,使我們可以輕松地發送HTTP請求并處理響應結果和錯誤信息。
上一篇vue ice