答案是通过Chrome命令行禁用安全策略、安装CORS扩展或配置开发服务器代理三种方法可解决本地CORS拦截问题：第一步彻底关闭Chrome所有进程；第二步执行对应系统命令并指定新user-data-dir；第三步验证黄色提示条出现即生效；插件需手动启用“Enable CORS”模式；代理配置则让请求在同源下转发，推荐长期使用。
你在本地开发前端项目时，点击按钮调用后端接口，控制台立刻弹出红色报错“Access to XMLHttpRequest at ‘xxx’ from origin ‘localhost:3000’ has been blocked by CORS policy”，而Network面板里能看到请求已返回200状态但标着blocked:cors——这说明浏览器因同源策略拦截了响应体，你无法在JavaScript中读取数据，调试流程被硬生生卡住。
命令行启动独立无安全限制会话
第一步：彻底关闭所有Chrome进程。Windows用户需打开任务管理器→“详细信息”页签→结束全部chrome.exe（包括后台GPU、渲染进程）；macOS用户打开活动监视器→搜索Google Chrome→选中全部实例→强制退出。
第二步：执行对应系统命令，【必须使用全新的--user-data-dir路径，否则禁用无效】。Windows示例：chrome.exe --user-data-dir="C:\ChromeDevSession" --disable-web-security；macOS示例：open -n -a "Google Chrome" --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security。
第三步：新窗口打开后，若地址栏下方出现黄色提示条“您使用的是不受支持的命令行标记”，即表示同源策略已禁用成功。此时直接打开本地HTML文件或访问localhost不同端口API，CORS拦截消失。
安装可信CORS扩展快速启用
方法一：打开Chrome网上应用店，搜索并安装CORS Unblocked（开发者Ritwick Dey）或Allow CORS: Access-Control-Allow-Origin。
方法二：点击浏览器右上角拼图图标→找到对应插件→点击右侧开关启用。注意：部分新版Chrome要求先点击插件图标，在弹出面板中手动将模式切换为“Enable CORS”，否则按钮虽亮但未生效。
方法三：刷新当前页面，观察控制台是否清除CORS报错。该方案不修改浏览器底层策略，仅对匹配域名的响应头注入Access-Control-Allow-Origin:*，适合日常轻量调试。
配置开发服务器反向代理（推荐长期使用）
这一步从请求源头规避跨域判定，让浏览器始终认为请求目标是同源的，彻底绕过预检与响应头校验。
① 若使用Vite：打开vite.config.ts，在server.proxy下添加配置块：
proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true } }
② 若使用Create React App：在package.json根对象中直接添加字段："proxy": "http://localhost:8080"。
③ 保存后重启开发服务器，前端代码中所有以/api开头的请求将被本地开发服务器截获并转发至后端真实地址，浏览器看到的仍是http://localhost:3000/api/xxx，不再触发CORS拦截。
