customFetch
The customFetch package provides a wrapper around the standard JavaScript fetch() function, with added functionality for custom headers and a base URL.
To use the package, first install it:
npm i @julienvanbeveren/custom-fetch --save
Now import it into your proejct:
import custom-fetch from "@julienvanbeveren/custom-fetch"
Next, create an options object with the base URL and any custom headers you want to include in all requests:
const options = {
baseUrl: 'https://example.com',
headers: {
'Authorization': 'Bearer YOUR_ACCESS_TOKEN'
}
}
Then, call customFetch()
with your options object to create a new fetch()
function with your custom settings:
const newFetch = customFetch(options)
You can now use the newFetch()
function in the same way you would use the standard fetch()
function, but with the added benefit of automatically included custom headers and a base URL.
For example, to make a GET
request to https://example.com/data, you would use:
const response = await newFetch('/data')
You can also pass in any additional options as a second argument to newFetch()
, such as a request body or custom headers for that specific request:
const body = JSON.stringify({ example: 'data' })
const response = await newFetch('/data', { method: 'POST', body })
You can also specify the type of the response data by passing the type parameter to newFetch function.
const response = await newFetch<MyType>('/data')
Overall, the customFetch package can be a useful tool for streamlining your API calls and making sure that custom headers are always included in your requests.