如何在没有任何vue库的情况下在vue回调中获得http响应头(axios)

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

mounted() {
  axios.get('http://example.com/api')
    .then(response => {
      // 获得响应头
      const headers = response.headers;
      console.log(headers);
    })
    .catch(error => {
      console.error(error);
    });
}

data() {
  return {
    responseHeaders: {}
  };
},
mounted() {
  axios.get('http://example.com/api')
    .then(response => {
      // 获得响应头
      this.responseHeaders = response.headers;
    })
    .catch(error => {
      console.error(error);
    });
}

<template>
  <div>
    <h1>HTTP响应头</h1>
    <ul>
      <li v-for="(value, name) in responseHeaders" :key="name">
        {{ name }}: {{ value }}
      </li>
    </ul>
  </div>
</template>