VueJs从spring boot下载图片并在<img>中显示

<template>
  <div>
    <img :src="imageUrl" alt="Downloaded Image">
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      imageUrl: ''
    };
  },
  mounted() {
    this.downloadImage();
  },
  methods: {
    downloadImage() {
      axios.get('http://example.com/api/download-image', { responseType: 'blob' })
        .then(response => {
          const url = window.URL.createObjectURL(new Blob([response.data]));
          this.imageUrl = url;
        })
        .catch(error => {
          console.error('Error downloading image', error);
        });
    }
  }
};
</script>