chrome双击打开本地html报cors错误，本质是file://协议被浏览器安全策略限制；解决方式包括：添加--allow-file-access-from-files参数启动独立实例、禁用chrome://flags中私有网络拦截、或用vs code live server以http协议托管页面。
你在双击打开本地HTML文件时，浏览器控制台突然弹出“Cross origin requests are only supported for protocol schemes: http, data, chrome…”或“Access to XMLHttpRequest has been blocked by CORS policy”报错，说明Chrome拒绝了file://协议下对本地JS/CSS/JSON等资源的跨目录加载请求——这是它默认启用的安全策略，但开发调试时必须绕过。
通过快捷方式添加启动参数（推荐 Windows 用户）
第一步：在桌面新建一个文件夹，命名为 ChromeDevLocal，路径例如 C:\Users\你的用户名\Desktop\ChromeDevLocal。
第二步：找到系统中 Chrome 的主程序位置（通常为 C:\Program Files\Google\Chrome\Application\chrome.exe），右键→“发送到”→“桌面快捷方式”，重命名为“Chrome本地调试”。
第三步：右键该快捷方式→“属性”→在“目标”栏末尾追加空格+--allow-file-access-from-files --user-data-dir="C:\Users\你的用户名\Desktop\ChromeDevLocal"。注意引号必须是英文半角，路径中不能含中文或空格（若含空格请改用短路径如 C:\ChromeDev）。
第四步：双击运行该快捷方式，此时会启动一个独立的Chrome实例。直接将本地HTML文件拖入该窗口，或在地址栏输入 file:///C:/your/project/index.html 即可正常加载同目录及子目录下的所有资源。【必须使用全新 user-data-dir 路径，复用已有路径会导致参数失效】
macOS 终端命令一键启动（无需安装插件）
打开终端，粘贴执行以下命令：
open -n -a "Google Chrome" --args --allow-file-access-from-files --user-data-dir="/tmp/chrome_local_dev"
等待新窗口启动后，将你的HTML文件拖入窗口，或在地址栏手动输入完整 file:// 路径。该命令会强制启用本地文件访问权限，并隔离用户数据避免影响日常浏览。若提示“找不到Google Chrome”，请先确认应用是否安装在“应用程序”文件夹内，或改用全路径：/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome。
禁用私有网络拦截（Chrome 94+ 必做补充）
方法一：在已启动的调试窗口中，地址栏输入 chrome://flags/#block-insecure-private-network-requests → 找到 Block insecure private network requests → 点击右侧下拉菜单改为 Disabled → 页面底部点击 Relaunch 重启浏览器。
这一步针对的是本地开发中常见的“localhost 调用 127.0.0.1 接口”或“host 绑定域名指向本机 Nginx”场景。Chrome 94 起默认拦截这类请求，即使你已加 --allow-file-access-from-files，仍可能卡在预检阶段。不关掉它，fetch 请求发出去了，响应却在到达 JS 前就被截断。
用 VS Code Live Server 替代双击打开（零配置方案）
安装 VS Code 插件 Live Server，右键项目根目录下的 HTML 文件 → “Open with Live Server”。它会自动启动一个 http://127.0.0.1:5500/xxx.html 服务，所有资源按 HTTP 协议加载，彻底规避 file:// 协议限制。无需改任何浏览器设置，也不用记命令行参数，适合快速验证页面结构和基础交互。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
