本文详解为何使用 C:/... 路径无法打开本地 DOCX 文件，以及如何通过 file:/// 协议 + URL 编码规范实现稳定访问，避免“File not found”错误。
本文详解为何使用 `c:/...` 路径无法打开本地 docx 文件，以及如何通过 `file:///` 协议 + url 编码规范实现稳定访问，避免“file not found”错误。
在 HTML 中直接使用形如 C:/folder/file.docx 的路径作为 的链接是无效且不被浏览器支持的。现代浏览器出于安全限制，拒绝解析无协议前缀的本地文件路径（即缺少 file:// 或 http:// 等 scheme），因此即使文件真实存在、拼写正确，也会统一报错“File not found”——这正是你遇到的“跳过 April、June、July”的根本原因：不是文件缺失，而是链接格式非法，导致浏览器根本未尝试加载。
✅ 正确做法是使用标准的 file:/// 协议（注意是三个斜杠），并严格遵循 URL 编码规范：
- 协议必须完整：file:///（Windows 下三斜杠表示本地绝对路径）；
- 反斜杠 \ 需转为正斜杠 /（URL 规范要求）；
- 空格、中文、特殊字符必须 URL 编码：空格 → %20，& → %26，# → %23 等；
- 盘符后需保留冒号与单斜杠：file:///C:/...，而非 file://C:/... 或 file:///C:\...。
以下是修正后的完整 HTML 示例（已适配你的路径结构）：
⚠️ 重要注意事项：
- 浏览器兼容性差异：Chrome 和 Edge 默认禁用 file:// 协议的跨文件访问（尤其涉及 JavaScript 或 iframe），但纯 下载/打开 DOCX 通常仍可用；Firefox 对 file:// 支持更宽松。若仍失败，请在 Chrome 启动时添加参数 --allow-file-access-from-files（仅限开发调试，不可用于生产）。
- 路径大小写敏感？ Windows 文件系统不区分大小写，但 URL 编码和路径拼写必须与实际文件名完全一致（包括空格数量、连字符位置、年份格式等）。建议右键文件 → “属性” → 复制“位置”和“名称”，再手动构建 URL。
- DOCX 打开行为依赖客户端：点击链接后由系统默认程序（如 Microsoft Word 或 WPS）处理，确保 .docx 关联正确；若提示“无法下载”，请检查浏览器下载拦截设置。
? 最佳实践建议：
对于内部管理网页，优先考虑将文件托管于本地 Web 服务器（如 Python 的 http.server、XAMPP 或 VS Code Live Server），使用 http://localhost:8000/months/January%202023.docx —— 这规避了 file:// 的全部安全限制，且路径更稳定、可跨设备访问。
只要严格遵循 file:/// + URL 编码规则，所有 12 个月份文件均可稳定访问，不再出现“跳过”现象。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
