Vue js图像强制下载无法通过使用锚标记进行工作

Question

I am using Laravel with vue js. I need to download an image forcefully on browser but it's now working for me.

var link = document.createElement('a');
link.href = 'image/ab.jpg';
link.download = 'Download.jpg';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);   

This is working for simple javascript but for vue js, it's not working. Its simply opening image URL in the browser.

Answer 1

You sure your code working for simple javascript?

The download attribute is subject to the same-origin policy.