项目中锚点链接无法访问文件(ERR_FILE_NOT_FOUND)求助
以下是针对你遇到的文件找不到问题的排查步骤和解决方法:
核对文件路径与实际位置
你的两个链接用的是相对路径:form.html:要求当前HTML文件所在的同级目录下必须存在这个文件。比如当前页面是index.html,那form.html得和它放在同一个文件夹里。new/team.html:要求当前页面所在目录下有一个名为new的子文件夹,且该文件夹内存在team.html文件。
直接打开文件管理器,顺着路径找一遍,确认文件和文件夹的位置完全对应。
检查文件名大小写
如果你用的是Linux、macOS或者部署到这类服务器上,文件名是区分大小写的。比如实际文件是Form.html或者New/Team.html,而你链接里写的是小写,就会触发找不到文件的错误,必须保证链接里的名称和实际文件名完全一致。确认文件状态
直接去对应路径确认文件没有被移动、删除或者重命名。有时候可能误操作把文件移到了其他文件夹,或者改了名字(比如改成form_v2.html),都会导致链接失效。本地服务器根目录检查(如果用服务器运行)
如果你是用http-server、live-server这类工具启动项目,要确保启动服务器的命令是在项目根目录执行的。比如你的项目结构是:project/ ├─ index.html ├─ form.html └─ new/ └─ team.html就必须在
project/目录下启动服务器,否则相对路径会基于服务器启动目录而非当前文件目录,导致找不到文件。
验证方法
直接在浏览器地址栏输入文件的绝对路径(比如file:///C:/project/form.html),如果能正常打开,说明文件本身没问题,问题出在相对路径的设置;如果打不开,就是文件确实不存在或路径错误。
你的代码示例:
<a href="form.html" class="btn medilife-appoint-btn ml-30" style="text-align:center; text-decoration:none;background-color: #006cff; color: white; border: 1px solid black;">patiente Login</a> <a href="new/team.html" class="btn1" style="position: relative; left: 50px;text-decoration: none; background-color: #006cff;border: 1px solid black;color: white; border-radius: 2px;" >Doctor Login</a>
内容的提问来源于stack exchange,提问作者Chris hyeaman
相关产品推荐
相关产品推荐

