如何在Visual Studio Code的Live Server中查看两个HTML页面？

问题表现 #

首次创建的HTML页面可正常在Live Server显示，通过锚文本关联其他HTML页面后，点击跳转仍显示旧页面，无法正常加载、预览新页面内容

解决方案 #

1 修正锚点跳转路径 #

• 同级目录下的HTML文件跳转，锚点必须使用符合HTTP服务规范的相对路径，示例写法：<a href="./目标页面文件名.html">跳转文本</a>，需严格匹配目标文件的文件名、大小写、后缀名
• 禁止使用本地磁盘绝对路径（如C:\项目\test.html格式），该路径无法被Live Server的本地HTTP服务识别

2 调整Live Server启动与配置规则 #

• 单页面直接预览：在VS Code文件列表右键对应HTML文件，选择Open with Live Server，即可直接启动该页面的预览
• 配置优化：打开VS Code设置，搜索并开启liveServer.settings.forceReloadOnChange、liveServer.settings.useLocalIp两项，避免缓存和本地host解析异常

3 解决缓存导致的旧页面加载问题 #

• 修改页面保存后，使用Ctrl+F5（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新浏览器，跳过本地缓存加载最新内容
• 若跳转后仍显示旧页面，可清空浏览器当前站点缓存后重新访问

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