Vue是一款流行的前端框架,在網絡請求方面,Vue封裝了許多插件可以幫助我們方便地獲取接口。下面,我們將介紹一些常用的插件及其使用方法:
1. axios
// 引入axios import axios from 'axios' // 發送GET請求 axios.get('/url') .then(response => { console.log(response.data) }) .catch(error => { console.log(error) }) // 發送POST請求 axios.post('/url', data) .then(response => { console.log(response.data) }) .catch(error => { console.log(error) })
2. vue-resource
// 引入vue-resource import VueResource from 'vue-resource' // 使用GET請求 this.$http.get('/url').then(response => { console.log(response.data) }, error => { console.log(error) }) // 使用POST請求 this.$http.post('/url', data).then(response => { console.log(response.data) }, error => { console.log(error) })
3. fetch
// 使用fetch發送GET請求 fetch('/url') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.log(error)) // 使用fetch發送POST請求 fetch('/url', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.log(error))
以上是常用的獲取接口的方法,根據項目需求及接口返回的數據格式,選擇合適的插件進行使用。
下一篇vue獲取換行