intellij idea 中双击 index.html 无反应是因未启用浏览器预览，需通过内置 web server（http://localhost:63342）或 javascript debug 配置（支持代理后端）以 http 方式访问，避免 file:// 协议导致的 cors、fetch 失败等问题。
IntelliJ IDEA 里双击打开 index.html 没反应？
不是 bug，是默认没启用浏览器预览。IDEA 本身不带内置浏览器渲染引擎，index.html 双击后只是以文本方式打开，不会自动加载 JS/CSS、不执行脚本、也不模拟 HTTP 上下文——尤其是当页面依赖 fetch、XMLHttpRequest 或相对路径静态资源时，直接双击打开必然报 404 或 CORS 错误。
用内置 Web Server 预览（推荐，适合前后端联调）
这是最贴近真实部署环境的方式：启动一个本地 HTTP 服务，让浏览器通过 http://localhost:63342/xxx/index.html 访问，能正确解析相对路径、支持 AJAX、兼容 ES Module 加载。
- 确保项目根目录或
index.html所在目录已标记为Sources Root（右键目录 →Mark Directory as→Sources Root） - 右键
index.html→ 选择Open in Browser→ 选任意浏览器（如 Chrome） - IDEA 会自动拉起内置 lightweight server，默认端口
63342，地址形如：http://localhost:63342/your-project/index.html - 注意：该服务只响应
GET，不支持 POST/路由转发，纯前端调试够用；若需代理后端接口，得额外配Live Edit或用JavaScript Debug启动配置
手动配 JavaScript Debug 启动项（需要连后端 API）
当你在写前后端联调页面（比如调用 /api/users），且后端已运行在 localhost:8080，仅靠内置 server 不行——它不能跨域代理。这时要用 JavaScript Debug 配置来启动带代理的浏览器实例。
- 点击右上角
Add Configuration→+ → JavaScript Debug -
URL填你后端提供的完整地址，例如：http://localhost:8080/index.html（不是 file://） - 勾选
Use proxy server configuration，选Manual proxy configuration，填后端地址作为代理目标（实际是告诉浏览器：所有 /api/* 请求发给这个后端） - 运行该配置，IDEA 会打开 Chrome 并自动注入调试脚本，断点、Network、Console 全可用
为什么不要用 file:// 直接打开 index.html？
Chrome 等现代浏览器对 file:// 协议限制极严：禁止 fetch 本地 JSON、无法加载 module 类型 script、localStorage 可能隔离、CORS 报错不可绕过。哪怕页面看起来“能显示”，只要涉及任何异步数据加载或模块化逻辑，立刻失效。
后端开发尤其容易忽略这点——以为 HTML 能跑通就代表前端 ok，结果一部署到 Nginx 就白屏。真正可靠的预览，必须走 HTTP 协议，哪怕只是本地 server。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
