Chrome 谷歌浏览器开启跨域访问，前端调试必备

做前端开发的小伙伴基本都会遇到跨域难题，本地前端页面调用后端接口时，浏览器出于安全策略限制，会出现跨域报错。搭建后端代理配置相对繁琐，开发测试阶段我们可以给谷歌浏览器开启跨域模式，绕过浏览器同源策略限制，方便日常代码调试。这里给大家讲清楚开启跨域的操作步骤和注意事项。

一、详细操作步骤

1. 先彻底关闭谷歌浏览器全部窗口，包括后台运行进程。右键桌面 Chrome 快捷方式，选择属性。
2. 切换至快捷方式标签，找到目标输入框，在原有路径末尾添加参数：
3.  --disable‑web‑security --user‑data‑dir=C:chrome_dev。

"C:Program FilesGoogleChromeApplicationchrome.exe" --disable-web-security --user-data-dir=C:chrome_dev

3. 点击确定保存设置，如果弹出管理员权限提示，继续点击确定即可。之后双击快捷方式启动 Chrome。
4. 浏览器顶部出现黄色提示文字：您使用的是不受支持的命令行标记：--disable‑web‑security。稳定性和安全性有所下降，就代表跨域模式开启成功，这时本地访问接口就不会再报跨域错误。

二、重要禁忌事项（一定要牢记）

1. 该跨域模式只允许用来本地开发调试，千万不要用这个版本浏览日常网页。关闭了网页安全防护后，访问互联网网站极易遭遇 Cookie 泄露、账号被盗、恶意代码入侵等安全问题。日常浏览网页必须打开正常版本 Chrome。
2. 新建独立文件夹非常关键。如果直接填写 Chrome 原安装目录，会造成浏览器配置错乱、插件失效、账号退出登录。建议在 C 盘新建chrome_dev文件夹专门存放调试配置文件。
3. 每次启动跨域版 Chrome，必须用修改过后的快捷方式打开；直接双击原来程序文件启动浏览器，跨域参数不会生效。后续恢复正常浏览器，删掉修改的启动参数即可。

三、补充说明

这种修改方式仅适合 Windows 电脑本地调试，属于临时解决方案；项目正式上线之后，跨域问题依旧要依靠后端配置 CORS 或者配置 Nginx 反向代理解决，不能长期依赖浏览器关闭安全策略。

对于前端工作人员，学会开启 Chrome 跨域省去配置代理的麻烦，极大提高调试效率。大家可以把文章收藏起来，开发遇到跨域报错的时候拿来使用。

   跨域