html - about:blank#blocked 在浏览器中下载文件时

Question

我正在尝试从本地服务器下载文件（也许将来我需要在其他服务器上这样做）。当我单击链接以在浏览器中下载文件时，会出现此消息“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 扩展来启用呼叫请求。扩展名是允许控制允许来源。

谢谢。

标签： htmlfilevue.jsdownloadaxios