html 下载只是说“失败 - 没有文件”答案

【问题标题】：html download just says 'Failed - No file'html 下载只是说“失败 - 没有文件”
【发布时间】：2022-08-19 20:41:31
【问题描述】：

我知道已经有很多类似的问题，但我无法获得下载我的 pdf 文件的链接。单击链接会显示“Resume.pdf 失败 - 无文件”。我正在使用 React 并在本地进行开发，而 Dumby.js 和 Resume.pdf 都直接位于 src 文件夹中：

import React from \'react\'

const Dumby = () => {
  return (
    <div>
      <a href=\"./Resume.pdf\" download>Resume Download</a>
    </div>
  )
}
export default Dumby

将文件放在 src 文件夹中不会让 Web 服务器发布它。如何做到这一点取决于您使用的捆绑工具。
使用创建反应应用程序。谢谢您的帮助
您是否阅读过 CRA 的样式和资产文档？您可能会在\"adding images, fonts, and files\" 或\"using the Public folder\" 下找到答案
这是你的答案stackoverflow.com/questions/51937086/…

标签： html reactjs download href anchor

【解决方案1】：

对我有用的东西是将它导入顶部。
该文件在我的资产文件夹中，而不是公开的:)

import pdf from "../assets/cv/resume.pdf";

 <a
    href={pdf}
    className='btn'
    download
    rel='noopener noreferrer'
    target='_blank'
  >
    Download cv
  </a>

【讨论】：