如何通过vue-router链接从远程api下载base64文件？

<template>
  <div>
    <button @click="downloadFile">下载文件</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    downloadFile() {
      axios.get('远程API的URL')
        .then(response => {
          const base64Data = response.data; // 获取base64文件数据
          const fileName = response.headers['content-disposition'].split('filename=')[1]; // 获取文件名

          const link = document.createElement('a');
          link.href = `data:application/octet-stream;base64,${base64Data}`;
          link.download = fileName;

          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>