重定向循环主因是路径解析或代理干扰：检查index.html中是否含跳转、标签冲突、js跳转逻辑，确保链接用相对路径而非根路径；关闭代理工具，用无痕模式+network面板定位首个302/307异常响应。
VSCode 里运行 HTML 页面出现重定向循环，基本不是 HTML 代码本身的问题，而是服务启动方式或浏览器环境被干扰了。Live Server 启动后跳转到 http://127.0.0.1:5500/ 却反复跳回自身、打不开或提示“此网页无法正常运作”，大概率是路径解析或代理层出了岔子。
Live Server 启动后地址自动跳转成 /index.html 又跳回 /？
这是最典型的假性重定向循环：你没点任何链接，浏览器刚打开就来回跳。根本原因是项目根目录下存在 index.html，而 Live Server 默认把 / 重定向到 /index.html；但如果你的 index.html 里又写了 <meta http-equiv="refresh" content="0;url=/"> 或 JS 跳转逻辑，就会形成闭环。
- 检查
index.html文件开头是否误加了自动跳转的<meta>标签或window.location.href = "/"; - 确认没有在
里写重复的<base href="/">，它会影响所有相对路径和重定向目标 - 用无痕窗口访问
http://127.0.0.1:5500/直接测试，排除浏览器插件（比如某些 SEO 工具、多语言切换插件）注入跳转脚本
点击页面内链接后陷入 /page-a.html → /page-b.html → /page-a.html 循环？
这说明 HTML 中的链接写法触发了 Live Server 的路径解析异常，常见于路径不规范或工作区设置错位。
- 确保所有页面间跳转都用**纯相对路径**，例如：
<a href="about.html"></a>、<a href="./contact.html"></a>，不要用<a href="/about.html"></a>（以/开头会强制从服务器根开始找，而 Live Server 的根是你打开的文件夹） - 如果页面在子目录（如
pages/login.html），右键该文件 →Open with Live Server，此时服务根路径变成http://127.0.0.1:5500/pages/，链接就得写成<a href="dashboard.html"></a>，不能跨级写../index.html（Live Server 不支持向上越界解析） - 检查是否有 JS 动态修改
location.href并未加防重入逻辑，比如路由切换时没判断当前 URL 是否已匹配目标
Network 面板看到 302/307 响应反复出现？
打开命令面板 → Developer: Toggle Developer Tools → 切到 Network 标签，再刷新页面，重点看 Status 列里带跳转状态码的请求：
- 如果某个
.html请求返回302且 Redirect URL 指向自身（比如/index.html→/index.html），说明服务器配置或插件规则出问题——Live Server 本身不会这样，但如果你同时开了其他本地服务（如 PHP 内置服务器、Python http.server）占用了同一端口，可能造成响应污染 - 如果跳转目标是外部域名（比如
https://example.com/），检查 HTML 中是否硬编码了第三方重定向，或者被恶意篡改（尤其从非可信源复制的模板） - 关掉 Clash/Surge 的 TUN 模式再试一次，这类代理工具有时会劫持
localhost流量并错误重写 Host 头，导致 Live Server 收到异常请求后返回 307
重定向循环真正难排查的地方，在于它往往混合了前端路径逻辑、服务端响应行为和本地网络代理三层干扰。先停掉所有代理软件，用无痕模式+ Network 面板定位第一个异常跳转点，比盲目改代码更有效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
