您可以使用本地主机从主页下载文件吗?

问题描述

我有一个标签 <a href="/assets/test.docx" download>Download</a>。根据 W3schools 似乎我已经根据下图中的文件夹结构设置了访问文件 test.docx 表单 CV.vue 的正确路径。请检查并验证我的路径是否正确。

我想在本地主机上的 Chrome 中运行网站时测试下载文件。当我点击下载时,出现错误提示 Failed,no file

我做错了什么?

Folder structure

解决方法

通常,如果您在 href 中将斜杠 (/) 放在路径后面,它将转到网站的主域,无论是本地主机还是真实域(如 example.com)都没有关系。

所以如果你很容易找到你的路径或文件结构,你可以把它放在 href 参数中。

例如,您的徽标路径是:

src/assets/logo.png

*请记住,您可以通过在浏览器中输入您的路径来测试它以找到正确的路径。

例如:

localhost/src/assets/logo.png

127.0.0.1:8000/src/assets/logo.png

如果它工作正常,你可以像这样把它放在你的 html 代码中:

<a href="/src/assets/logo.png" target="_blank">Download</a>
,

答案很简单,只需删除“assets”前面的正斜杠即可。您的代码应该是:

who

html 下载属性将添加这个额外的斜杠,因此您的代码现在会指向以下路径。 file:///assets/0513211459.jpg.html