您可以使用 localhost 从主页下载文件吗？答案

【问题标题】：Can you download a file from homepage using localhost?您可以使用 localhost 从主页下载文件吗？
【发布时间】：2021-08-07 01:52:11
【问题描述】：

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

我想在本地主机上的 Chrome 中运行网站时测试下载文件。当我点击下载时，我收到错误消息Failed, no file

我做错了什么？

【问题讨论】：

【解决方案1】：

答案很简单，只需删除“资产”前面的正斜杠即可。你的代码应该是：

<a href="assets/test.docx" download>Download</a>

html 下载属性将添加这个额外的斜杠，因此您的代码现在存在于以下路径。文件：///assets/0513211459.jpg.html

【讨论】：

【解决方案2】：

通常，如果您在 href 中的路径后面加上斜杠（/），它将转到网站的主域，而不管它是 localhost 还是像 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>

【讨论】：

嗨@A.Sarhangian！感谢您花时间解释它是如何工作的。不幸的是，链接仍然不起作用，我得到了同样的错误。而且我无法让我的测试像你在底部描述的那样工作。
嗨@ChristianBenjaminsson，正如我所说，首先您需要找到正确的路径，而不是从我们这里获得正确的路径，我的意思是没有人能比您自己找到更好的路径。但无论如何，为了澄清，你能先告诉我你是如何在你的应用程序中访问你的标志的吗？（我想要你的图片路径）
对不起@A.Sarhangian，我错过了寻找自己的道路。这就是我的徽标路径是 <img src="@/assets/logo.png" id="logo" />Tried 和 @/src/assets/test.docx 的方式，但这也不起作用
@ChristianBenjaminsson 很好，现在如果您在新选项卡中打开徽标图像，您可以看到正确路径在哪里，例如之后您可能会看到 https://example.com/public/src/assets/logo.png 或类似的东西，所以您可以使用 /public/src/assets/test.docx 作为您的 href 参数。