Force File download in Vuejs

FileDownload.vue

<script>
import axios from 'axios'
export default {
  data() {
    return {
      filesrcs: [
        {
          title: 'AadharCard.png',
          src: require('~/assets/image/home/demo1.jpg'),
        },
        { title: 'PANCard.png', src: require('~/assets/image/home/demo1.jpg') },
        { title: 'Licence.png', src: require('~/assets/image/home/demo1.jpg') },
        { title: 'Photo.png', src: require('~/assets/image/home/demo1.jpg') },
      ],
    }
  },
  methods: {
    forceFileDownload(response, title) {
      console.log(title)
      const url = window.URL.createObjectURL(new Blob([response.data]))
      const link = document.createElement('a')
      link.href = url
      link.setAttribute('download', title)
      document.body.appendChild(link)
      link.click()
    },

    downloadWithAxios(url, title) {
      axios({
        method: 'get',
        url,
        responseType: 'arraybuffer',
      })
        .then((response) => {
          this.forceFileDownload(response, title)
        })
        .catch(() => console.log('error occured'))
    },
  }
}
</script>