Возникла проблема при загрузке изображения в приложении Vue js

Question

Я работаю над приложением Vue.js и пытаюсь загрузить изображение на страницу, но получаю download, Failed-Network error. Ниже приведен мой пример кода и снимок экрана с ошибками также прилагается для справки.

<img ref='img' id='image' :src="image" class='img-fluid' :style='filters' data-original-width='760' data-original-height='476'>

<button class="btn btn-success" @click="download"> Download </button>

 download() {
            const canvas = document.createElement('canvas');
            canvas.width = document.getElementById("image").getAttribute("data-original-width");
            canvas.height = document.getElementById("image").getAttribute("data-original-height");

            const ctx = canvas.getContext('2d');
            // ctx.filter = this.filters.filter;

            var img = new Image();
            img.src = this.image;
            img.onload = function() {
                ctx.drawImage(this, 0, 0, canvas.width, canvas.height);
                const anchor = document.createElement('a');
                anchor.href = canvas.toDataURL();
                anchor.download = 'filtered.png';
                anchor.click();
            };
    }