火狐浏览器双击打开本地HTML文件时fetch被拦截是协议级封锁,需修改about:config中privacy.file_unique_origin为false并重启,或使用Live Server等本地HTTP服务器替代file://协议。

火狐浏览器双击打开本地HTML文件(地址栏显示file:///开头)时,页面JS尝试fetch同目录下的JSON、JS或XSL文件直接被拦截,控制台报CORS错误且Network面板无任何请求记录——这不是后端没配CORS,而是火狐对file://协议实施的协议级封锁,必须修改底层配置才能让请求发出。
修改about:config禁用file://协议唯一源限制
第一步:在火狐地址栏输入about:config→ 点击“我了解此风险”继续。
第二步:在搜索框中输入privacy.file_unique_origin→ 双击该项,将值由true改为false。
第三步:再搜索security.fileuri.strict_origin_policy→ 若该选项存在且值为true,双击改为false;Firefox 120+版本中此项可能已废弃,仅改前一项即可生效。
第四步:关闭所有火狐窗口→ 在地址栏输入about:restartrequired→ 点击“重启 Firefox”。【重启是强制要求,仅刷新标签页无效】
用本地服务器替代file://协议(推荐长期方案)
这一步操作起来很简单,直接把文件拖进VS Code,右键选择“Open with Live Server”即可启动http://localhost:5500服务,所有资源加载自动绕过file://限制。
若未安装Live Server插件:打开VS Code扩展面板→ 搜索“Live Server”→ 点击“安装”→ 安装完成后右键HTML文件→ “Open with Live Server”。
命令行方式(无需编辑器):打开终端进入项目根目录→ 执行python3 -m http.server 8000(macOS/Linux)或py -m http.server 8000(Windows)→ 浏览器访问http://localhost:8000/your-file.html。
启用CORS Everywhere插件(仅适用于http/https调试)
方法一:安装插件
在地址栏输入about:addons→ 点击右上角齿轮图标→ “在附加组件管理器中浏览”→ 搜索“CORS Everywhere”→ 找到作者为“spenibus”的官方认证版本(AMO ID:cors-everywhere@spenibus)→ 点击“添加到 Firefox”。
方法二:启用并保存配置
安装完成后点击插件右侧“选项”按钮→ 勾选“Enabled at startup”→ 在“Force value of 'access-control-allow-origin'”输入框中填入*→ 点击“Save”。【必须彻底关闭所有火狐窗口后重启,否则插件不生效】
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











