Big Fetch

The big-fetch is a wrapper based on fetch and promise, adding abort and timeout functions. If you like it, please give me your star👼. thx~~~🚀

Features

• abort(): Set the current promise to rejected
• timeout: Increase timeout for current request
• onprogress: progress function

Browser Support

The big-fetch is a wrapper based on fetch and promise, If your browser does not support fetch and promise you need to install whatwg-fetch and promise-polyfill

NPM Install

npm install big-fetch --save-exact

Example

A basic fetch request is really simple to set up. Have a look at the following code:

1import bigFetch from 'big-fetch'
2
3bigFetch('http://example.com/movies.json')
4  .then(function(response) {
5    return response.json()
6  })
7  .then(function(myJson) {
8    console.log(myJson)
9  })

Instead of passing a path to the resource you want to request into the fetch() call, you can create a request object using the Request() constructor, and pass that in as a fetch() method argument:

1import bigFetch from 'big-fetch'
2
3var myHeaders = new Headers()
4
5var myInit = {
6  method: 'GET',
7  headers: myHeaders,
8  mode: 'cors',
9  cache: 'default',
10  timeout: 10000 // set 10000ms timeout
11}
12
13var request = bigFecth('flowers.jpg', options)
14
15request
16  .then(data => {
17    console.log(data)
18  })
19  .catch(error => {
20    console.error(error)
21  })
22
23// cancel
24request.abort()

Issues

☺️Welcome to issues and discuss🌈