VS Code中Live Server预览多HTML文件显示相同内容问题

正在进行Odin Recipe项目，最初创建index.html时，通过VS Code的Live Server能正常预览内容。但创建第二个HTML文件后，无论预览哪个文件，页面都只显示index.html的内容。已尝试重装Live Server、检查JSON配置文件，问题仍未解决。

排查与解决步骤： #

• 右键点击目标HTML文件，选择「Open with Live Server」启动预览，不要直接点击工具栏的Live Server按钮（默认打开项目根目录的index.html）
• 确认文件目录结构：保证第二个HTML文件和index.html处于同一根目录下，避免子文件夹路径导致的访问问题
• 强制刷新浏览器缓存：按下Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac），清除旧缓存内容
• 检查端口占用情况：打开终端/命令提示符，执行netstat -ano | findstr :5500（Live Server默认端口为5500），若端口被占用，在VS Code设置中搜索「Live Server: Port」，更换为未被占用的端口（如5501）
• 验证第二个HTML文件代码：检查是否存在误写的重定向代码，或标签未闭合等语法错误，导致页面渲染异常

内容的提问来源于stack exchange，提问作者Lesego Samane