django项目:前端下载任务(用到了fetch,但是下载失败)

希望有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>

结果浏览器控制台报错:
img
说是找不到文件。

但是我把上面的js代码放在项目的test.html中,这个test.html我独立运行是可以下载文件的
img
然后放到项目里就出了上面的问题。

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

前端项目的文件? 有webpack吗 直接 require 就行呗