Convert axios response to Response() object to cache API requests

[christianholland]

Describe the issue

Hi there,

I would like to cache API requests using the cache API. The API response is expected to be of object Response() which is not the case for the responses coming from axios. Does anyone know how I can convert an axios response to a Response object?

Guidance would be highly appreicated.

Thanks,
Christian

Example Code

No response

Expected behavior

No response

Axios Version

No response

Adapter Version

No response

Browser

No response

Browser Version

No response

Node.js Version

No response

OS

No response

Additional Library Versions

No response

Additional context/Screenshots

No response

[NextThread]

I haven't gone through the codebase, but here's how we can convert an axis response into a Response object.

`
import axios from 'axios';
function convertToResponseLike(axiosResponse) {
  const { data, status, statusText, headers } = axiosResponse;

  class ResponseLike {
    constructor(responseData, init = {}) {
      this.body = responseData;
      this.status = init.status || 200;
      this.statusText = init.statusText || 'OK';
      this.headers = init.headers || new Headers();
    }

    async json() {
      return JSON.parse(this.body);
    }
  }

  return new ResponseLike(JSON.stringify(data), {
    status,
    statusText,
    headers,
  });
}
axios.get('https://api.example.com/data')
  .then((axiosResponse) => {
    const responseLike = convertToResponseLike(axiosResponse);
    caches.open('my-cache').then((cache) => {
      cache.put('cached-response', responseLike);
    });
  })
  .catch((error) => {
    console.error(error);
  });

`

[christianholland]

Hi @NextThread,

please apologize the very much delayed answer. Your solution worked for me, many thanks!

[NextThread]

@christianholland I'm glad, it helped :)