gfetch v2.5.0

Fetch

秉承着少即是多的原理封装了该插件,他拥有post和get两个主要api,并且兼容FormData

封装 ajax 请求插件 轻量级 大小不超过3KB

Download

browser

// download it 
<script src="dist/fetch.browser.js"></script>

// use window.fetch

npm

npm install gfetch --save 

import fetch from 'gfetch'
fetch.config.baseUrl = 'http://api.com'
fetch.config.timeout = 5000

// or in Vue 
import fetch from 'gfetch'
Vue.use(fetch, config => {
  config.baseUrl = 'http://api.com'
  config.timeout = 5000
})

config-table:

send methods

fetch.get(url,data,config)
fetch.post(url,data,config)
fetch.put(url,data,config)
fetch.del(url,data,config)

Usege

// get
fetch.get('get/name',{id:1}).then(response=>{
  // do sth
}).catch(error=>{
  // do sth
})
// post
fetch.post('get/name',{id:2}).then(response=>{}).catch(error=>{})

//FormData
let data = new FormData()
data.append('name','formdata')
fetch.post('htmldemo/phprev/', data).then(response => {}).catch(err => {})

// 中间层
fetch.interceptor.success = res => {
   console.log('res', res)
   return res
}

fetch.interceptor.fail = err => {
   console.log('err', err)
   return err
}


// in Vue
// after use

// script
this.$get().then(res=>{}).catch(err=>{})
this.$post().then(res=>{}).catch(err=>{})