axios

A good nifty example is when you have a search component, and imagine on every keyboard strike into the input tag, an axios request is made, which can lead to an overload of requests. The cancel token idea can help cancel the previous request, made by previous keyboard hit. This link makes an enlightening example … Read more

You can use the interceptor concept of axios. Request interceptor will set startTime axios.interceptors.request.use(function (config) { config.metadata = { startTime: new Date()} return config; }, function (error) { return Promise.reject(error); }); Response interceptor will set endTime & calculate the duration axios.interceptors.response.use(function (response) { response.config.metadata.endTime = new Date() response.duration = response.config.metadata.endTime – response.config.metadata.startTime return response; }, … Read more

According to the README, it is 0 which means no timeout // `timeout` specifies the number of milliseconds before the request times out. // If the request takes longer than `timeout`, the request will be aborted. timeout: 1000, // default is `0` (no timeout) https://github.com/axios/axios/blob/master/README.md#request-config

The best way to do this would be an interceptor. Each interceptor is called before a request/response. In this case a logging interceptor would be. axios.interceptors.request.use(request => { console.log(‘Starting Request’, JSON.stringify(request, null, 2)) return request }) axios.interceptors.response.use(response => { console.log(‘Response:’, JSON.stringify(response, null, 2)) return response }) or something to that effect. It’s good that you’re … Read more

Download the file with Axios as a responseType: ‘blob’ Create a file link using the blob in the response from Axios/Server Create <a> HTML element with a the href linked to the file link created in step 2 & click the link Clean up the dynamically created file link and HTML element axios({ url: ‘http://api.dev/file-download’, … Read more