使用 Next js 下载 pdf 文件的按钮

S H*_*H N 4 reactjs next.js

我正在尝试创建按钮,如果单击它应该下载该文件。我从事 Next js 工作

    <a href={cv} download="name cv.pdf"> Download CV </a>
Run Code Online (Sandbox Code Playgroud)

我在反应中执行了此代码并正确运行,但是当我在下一个 js 中尝试它时,我得到“失败 - 无文件”。我想弄清楚是什么导致了这个问题

Bug*_*ter 7

我假设您正在尝试在 nextjs 项目中提供静态 pdf 文件。

请确保该文件位于public/文件夹中。例如,假设文件放置在public/cv.pdf.

那么,锚标签应该是

<a href="/cv.pdf" download="cv">Download CV</a>
Run Code Online (Sandbox Code Playgroud)

如果您尝试通过 CDN 提供服务,请确保 CDN 链接有效。

<a href="https://mycdn.com/assets/cv.pdf" download="cv">Download CV</a>
Run Code Online (Sandbox Code Playgroud)