关于：下载文件时浏览器中出现空白#被阻止

我正在尝试从本地服务器下载文件（也许将来我需要在其他服务器上执行此操作）。当我单击链接下载浏览器中的文件时，会出现此消息“about:blank#blocked”。

我正在使用 axios 和vue.js。代码是这样的：

downloadItem(urlDoc) {
    console.log(urlDoc);
    axios({
        method: 'get',
        url: urlDoc,
        responseType: 'arraybuffer',
    }).then(function(response) {
        let blob = new Blob([response.data], { type: 'image/png' })
        let link = document.createElement('a')
        link.href = window.URL.createObjectURL(blob)
        link.download = 'image.png'
        link.click()
    })
}

之前我添加了一个 chrome 扩展来实现呼叫请求。扩展名是allow-control-allow-origin。

Thanks.