HTML插入PDF下载链接及VSCode开发下路径找不到问题求助

• 首先确认路径规则：你写的相对路径Books/Harry.pdf是相对于当前放置这个链接的HTML文件的存储位置，而非VSCode工作区的根目录。如果你的HTML文件和Books文件夹处于同级目录，该路径写法是正确的；如果HTML文件存放在其他子文件夹中，需要调整路径，比如HTML在page文件夹内，就需要写成../Books/Harry.pdf回退到上一级目录再访问Books文件夹。如果要用绝对路径，可以写成href="/Books/Harry.pdf"，开头的斜杠代表从网站的根目录开始查找资源，不受当前HTML文件所在路径的影响，你之前拼接域名后仍然报错，大概率是域名后面拼接的路径和实际的资源存储路径不匹配。
• 确认本地服务的根目录：如果你用VSCode的Live Server插件预览页面，必须确保你在VSCode中打开的文件夹就是网站的根目录（也就是包含你的首页HTML和Books文件夹的那一级目录），如果打开的是根目录的上级文件夹，Live Server的服务根路径会偏移，自然找不到资源文件。
• 检查文件名大小写：Windows系统不区分文件大小写，但大部分本地预览服务和线上服务器都是区分大小写的，要确保你的文件夹名是Books、文件名是Harry.pdf，和你href属性中写的内容完全一致，避免出现books、harry.pdf这类大小写不匹配的问题。
• 验证方法：页面在浏览器打开后按F12打开开发者工具，切换到网络面板，刷新页面后点击下载链接，就能看到PDF文件的实际请求路径，和你本地的文件存储路径对比就能快速定位路径写错的位置。

你写的download属性本身没有问题，作用是指定用户下载后文件的保存名称，不会影响资源的查找逻辑。

内容的提问来源于stack exchange，提问作者Aiden Mike