django项目：前端下载任务（用到了fetch，但是下载失败）

Question

希望有da lao可以帮我解决一下这个问题，做项目卡在这里好几天了 :(

问题如下：
我是直接把下载任务放到了前端的js里，没有向后台请求下载。我要下载的docx文档是放在了项目文件里，其中包含文字和图片。

代码如下：

<script>
       function aaa(url, filename) {
           return fetch(url).then(res => res.blob().then(blob => {
                 let a = document.createElement('a');
                 let url = window.URL.createObjectURL(blob);
                 console.log(url)
                 a.href = url;
                 a.download = filename;
                 a.click();
                 window.URL.revokeObjectURL(url);
             }))
       }
       aaa('./全球互联网信息挖掘报告.docx','测试.docx')
</script>

结果浏览器控制台报错：

说是找不到文件。

但是我把上面的js代码放在项目的test.html中，这个test.html我独立运行是可以下载文件的

然后放到项目里就出了上面的问题。

Answer 1

你使用的是同级目录下，在test.html中可以下载是因为要下载的文件和html在同级目录下。
在项目中，可能就不在同目录下了。