iframe不能直接加载本地file://路径，因现代浏览器强制拦截该行为以保障安全；必须通过http服务（如live server或python3 -m http.server）运行页面，使src解析为同源http url，否则双击打开必失败。
iframe 不能直接加载本地 file:// 路径，这是浏览器强制执行的安全策略，不是配置错误或路径写错。 所有现代浏览器（Chrome、Edge、Firefox、Safari）都默认拦截这种行为，控制台会显示 Not allowed to load local resource 或空白 iframe，且无网络请求发出。
为什么 src="./report.html 在双击打开时一定失败
本地双击 HTML 文件，浏览器使用 file:// 协议加载，此时：
-
file://没有“源”（origin）概念，所有跨文件引用都被视为不合法上下文 - 即使
report.html和父页在同一文件夹，src解析后实际是file:///.../report.html，触发安全拦截 - Firefox 表现稍宽松但不可靠，Chrome / Edge / Safari 已完全禁用
-
<base href="http://localhost/">对file://无效，浏览器直接忽略
唯一可靠方案：用本地 HTTP 服务启动页面
必须让页面运行在 http://localhost:xxxx/ 下，使 iframe 的 src 解析为同源 HTTP URL：
- VS Code 安装 Live Server 插件，右键 HTML → “Open with Live Server”
- 命令行快速起服：
python3 -m http.server 8000（Python 3）或npx http-server -p 8000（Node.js） - 确保 iframe 的
src是相对路径（如src="child.html"），服务启动后自动映射为http://localhost:8000/child.html - 绝对不要用
file://+ 绝对路径（如src="file:///C:/project/child.html"），仍会报错
加载成功后仍白屏？检查这三类隐藏问题
走 HTTP 服务后 iframe 仍为空，常见原因不是路径错，而是更底层的配置或权限问题：
- 子页面 HTML 本身语法错误（如未闭合
<script></script>、缺少
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
