object标签支持的绝对路径仅两类：https://或http://开头的完整url，以及以/开头的站点根路径；后者需通过http(s)服务访问，双击html文件时因协议不匹配必然失效。
object 标签支持绝对路径，但不是所有绝对路径都能用——关键看协议、域名和服务器上下文是否匹配。直接写 C:\xxx\file.pdf 或 file:///C:/xxx/file.pdf 在现代浏览器中必然失败，这是安全限制，不是语法错误。
绝对路径在 object 中的合法形式
只有两类绝对路径能被 object 正常加载：
-
https://或http://开头的完整 URL（如https://example.com/report.pdf） - 以
/开头的“站点根路径”（如/assets/chart.svg），它从当前网站的根目录算起，与协议无关，但必须通过 HTTP(S) 服务访问（不能双击打开 HTML 文件）
注意：/assets/chart.svg 是绝对路径，但不是“文件系统绝对路径”，而是“Web 服务器根路径”。它等价于 https://yoursite.com/assets/chart.svg，前提是你的页面本身运行在 https://yoursite.com/xxx 下。
object 的 data 属性对路径敏感的三个典型报错
即使路径看起来正确，object 也常静默失败。常见原因：
-
Not allowed to load local resource：用了file://协议 + 本地磁盘路径（如data="C:/docs/file.pdf"），浏览器直接拦截 -
net::ERR_BLOCKED_BY_CLIENT或空白区域：广告拦截器或隐私插件屏蔽了跨域资源，或目标 URL 响应了非预期 MIME 类型（比如 PDF 服务器返回了text/html） - 后备内容不显示，但资源也没渲染：说明加载未失败（HTTP 状态 200），但
type值与响应头Content-Type不一致（例如写了type="application/pdf"，但服务器返回Content-Type: application/octet-stream）
为什么 /xxx 路径在本地双击打开时总失效
因为 / 指向的是 Web 服务器的根，不是你电脑的 C 盘根。双击 HTML 文件时，浏览器地址栏是 file:///D:/project/index.html，此时 /assets/file.pdf 被解析为 file:///assets/file.pdf —— 显然不存在。
- ✅ 正确做法：用本地开发服务器启动（如 VS Code Live Server、
npx serve、Python 的python -m http.server） - ❌ 错误做法：依赖双击打开调试
object+ 绝对路径 - ⚠️ 额外提醒：Spring Boot、Tomcat 等后端框架中，
/对应的是src/main/resources/static/或webapp/目录，不是项目根目录
实际写法示例与 fallback 验证要点
下面这段代码在 HTTP 服务下可稳定工作：
<object data="/reports/summary.pdf" type="application/pdf" width="100%" height="600"> <p>PDF 加载失败，请<a href="/reports/summary.pdf">点击下载</a>。</p> </object>
验证是否真 fallback 的方法：
- 临时把
/reports/summary.pdf改成一个 404 路径（如/reports/missing.pdf），刷新页面——应看到链接文字 - 不要只看“没显示 PDF 就以为 fallback 了”，要主动制造 404 或 CORS 错误来触发
-
object的 fallback 只响应加载失败，不响应渲染失败（比如 PDF 内容损坏、密码保护等）
最易被忽略的一点：绝对路径本身没错，错的是你没意识到它绑定的是运行环境——同一行 data="/xxx"，在 localhost:3000 和 prod.example.com 下指向完全不同的物理位置，部署前务必确认服务器静态资源目录映射是否一致。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
