如何在 gatsby 网站上下载外部文件？答案

【问题标题】：How to download external file on gatsby site?如何在 gatsby 网站上下载外部文件？
【发布时间】：2021-04-16 05:47:37
【问题描述】：

我有一个 gatsby 站点部署到启用 IPv6 的 Netlify

由于某种原因，尝试下载文件时失败。

我已经设置了以下链接

<a href="http://myexternafilelLink" download> Download</a>

外部链接是一个 Cludinary url

http://res.cloudinary.com/clinic-plus/raw/upload/v1609936226/Man_Job_Spec_ClinicPlus_ysaoiz_1_z27rtq.xlsx

当我单击此按钮时，没有任何反应，我看到的唯一内容是选项卡重新加载图标正在运行，然后它停止并且没有任何反应。

我已确认链接有效。

【问题讨论】：

标签： gatsby netlify cloudinary

【解决方案1】：

只需删除您的 AdBlock（或将域列入白名单）。我已经在具有两种配置的浏览器中对其进行了测试，并且可以确认链接有效。我还建议添加 target="_blank" 属性。

<a href="http://res.cloudinary.com/clinic-plus/raw/upload/v1609936226/Man_Job_Spec_ClinicPlus_ysaoiz_1_z27rtq.xlsx" target="_blank" download> Download</a>

【讨论】：

即使我禁用它仍然不起作用
即使：<a href="http://res.cloudinary.com/clinic-plus/raw/upload/v1609936226/Man_Job_Spec_ClinicPlus_ysaoiz_1_z27rtq.xlsx" target="_blank" download> Download</a> ?
它适用于 Firefox 但不适用于 chrome
如果去掉下载属性会怎样？
有什么更新吗？在桌面 chrome 上面临同样的问题。

【解决方案2】：

好的，我想通了。解决方案很简单。如果您尝试通过此链接下载文件，例如通过桌面 chrome，然后在开发者控制台中，您将收到此消息

混合内容：“https://stackoverflow.com/”上的站点是通过安全连接加载的，但“https://res.cloudinary.com/clinic-plus/raw/upload/v1609936226”上的文件/Man_Job_Spec_ClinicPlus_ysaoiz_1_z27rtq.xlsx' 通过不安全的连接重定向。此文件应通过 HTTPS 提供。此下载已被阻止。详情请见https://blog.chromium.org/2020/02/protecting-users-from-insecure.html。

所以，请使用https 而不是http。

https://res.cloudinary.com/clinic-plus/raw/upload/v1609936226/Man_Job_Spec_ClinicPlus_ysaoiz_1_z27rtq.xlsx

【讨论】：