双击打开火狐浏览器的本地HTML页面时，Ja vaScript无法读取同目录下的config.json或data.csv文件。控制台报错“由于安全限制无法读取文件”。别慌，这通常逃不出三大原因：浏览器安全策略锁死了file://协议的跨源请求、权限面板没给够、或者JSON文件本身有暗坑。下面逐一拆解，每一环都踩过，每一种都有解。

先看现象：火狐浏览器双击打开本地HTML页面后，页面通过Ja vaScript尝试读取同目录下的config.json或data.csv等本地文件。控制台报错“由于安全限制无法读取文件”，页面功能直接中断，数据加载失败。这不是代码写错了，而是浏览器在替你做安全把关——但有时候把关过头了。

修改about:config放开file://协议跨源限制

这是最根本、最稳定的解决方案。适用于所有本地开发场景，包括Godot导出的HTML项目、Three.js加载本地模型、Vue/React静态调试等。说白了，就是告诉火狐：“这个本地文件我自己负责，你别拦着。”

第一步：在火狐地址栏输入about:config，回车后点击【接受风险并继续】。这一步相当于进了浏览器的隐藏设置中心。

第二步：在搜索框中输入security.fileuri.strict_origin_policy。注意拼写别打错，不然搜不到。

第三步：找到该项后双击，将值由true改为false。这一步不可跳过，否则fetch(file:///)仍然会被拦截——很多人改完没生效，十有八九是漏了这一步。

第四步：关键来了——关闭所有火狐窗口，包括后台隐藏进程（最好去任务管理器里确认firefox.exe已完全退出），然后重新启动浏览器。如果不彻底重启，新配置不会生效，白忙一场。

临时授予当前页面剪贴板或文件读取权限（仅限HTTPS站点）

如果你访问的是本地服务器地址（如http://localhost:5173）或已部署的HTTPS网站，且报错提示涉及na vigator.clipboard.read()或input[type="file"]受限，那么问题出在沙盒权限策略，而不是跨源限制。这种解法更轻量，不用动全局配置。

方法一：点击地址栏左侧锁形图标 → 选择“权限” → 将“剪贴板”或“文件”设为“允许” → 刷新页面。搞定。

方法二：直接按Ctrl+I（Windows/Linux）或Cmd+I（macOS）快捷键呼出当前页权限面板，勾选对应权限项即可。比鼠标点来点去快得多。

注意：这个方案只对HTTP/HTTPS站点有效。file://协议下的页面不显示锁形图标，所以别指望这招能救本地双击打开的情况。

验证JSON文件本身是否合法（易被忽略的关键环节）

即使前面两步都做了，如果JSON文件本身有问题，fetch仍然会静默失败。控制台抛出一个模棱两可的“无法读取文件”错误。这坑我见过不少人踩——配置改了，权限给了，就是不行，最后发现是JSON文件藏了BOM头。

• 用VS Code打开该JSON文件，右下角状态栏确认编码显示为UTF-8（不是“UTF-8 with BOM”）。BOM头是不可见的三个字节，但足以让浏览器解析失败。
• 检查所有键名和字符串值是否使用英文双引号包裹，例如"name": "test"，而不是“name”: “test”。中文引号看着像，但机器不认。
• 删除末尾多余逗号，如{"a": 1,}必须改为{"a": 1}。很多编辑器不会报错，但浏览器会。
• 最后，将文件内容粘贴至JSONLint在线验证，确保无语法错误——这一步耗时不到10秒，却能避开80%的假性“安全限制”报错。别嫌麻烦，值得。

《夸克》非常好用的免费AI浏览器

下载APP查看