如何在gatsbyjs中下载静态文件

Question

我有一个Gatsby.JS网站
我想在点击下载按钮时，下载一个静态pdf文件。

<button>
<a download={`../../file.pdf`}> İndir</a>
</button>

该CCD_ 1是静态文件夹的路径。
上面的代码是我的可下载代码。

但这不是工作。我该怎么修。？

Answer 1

download属性，总结了很多内容，只是设置可下载元素名称的一种方式，但它是href属性，必须指向要下载的项目。

这应该有效：

<a download={`Some Fancy Name`} href={`../../file.pdf`}>İndir</a>

仔细检查../../file.pdf路径以确保其有效或file.pdf属于该路由。

当站点构建时，静态文件夹将其内部结构复制到公共(/public(结构。因此，像：/static/file.pdf这样的结构应该指向：

<a download={`Some Fancy Name`} href={`/file.pdf`}>İndir</a>

由于静态文件夹变为"静态"文件夹；根"；，级别0。