当从子域调用文件 URL 时，<a> 标记中的下载属性不起作用

Question

我在这里有一个博客，其中使用了带有HTML 文件属性的锚标记 ( <a>) ：download

<a href="http://www.idevelopweb.site/newsletters/welcome-simple/welcome-simple.html" download>Download it here <i class="fa fa-download" aria-hidden="true"></i></a>

截屏：

预期：当用户单击时，应该打开对话框来下载文件。

但是，它会导航到该文件。AFAIK，它早些时候工作过。不确定发生了什么，或者我错过了什么？根据此w3schools 示例，允许使用“.html”文件。

如果不使用 JavaScript，任何帮助将不胜感激。

编辑： 这个博客位于子域（http://blog.idevelopweb.site/）中，我正在调用根目录（http://www.idevelopweb.site/）中的HTML文件，所以我使用了绝对路径。

Answer 1

我可以引导您到这里。

你的问题是下载属性的同源策略。所以要么使用相同的 url，要么使用相对路径。

Answer 2

单击链接时下载文件（而不是导航到文件）：

<a href="link" download="logo">

注意：Edge 版本 12、IE、Safari 10（及更早版本）或 Opera 版本 12（及更早版本）不支持下载属性