news 2026/6/15 8:29:15

修改chrome配置,关闭跨域校验

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
修改chrome配置,关闭跨域校验

修改Chrome浏览器配置以关闭跨域校验,核心是通过自定义启动参数实现(Chrome无内置图形化开关,需通过启动参数禁用同源策略)。以下是分系统的详细操作步骤,适配2025年最新Chrome版本(需注意:新版本强制要求--user-data-dir参数,否则跨域关闭指令无效)。

核心前提

操作前必须关闭所有已打开的Chrome窗口(包括后台最小化的进程),否则启动参数无法生效。可通过任务管理器(Windows)/活动监视器(Mac)结束所有Chrome进程。

一、Windows 系统(最常用)

方式1:修改快捷方式(永久生效,开发专用)

适合长期本地开发使用,创建专属快捷方式,避免影响日常浏览:

  1. 找到Chrome快捷方式(桌面/开始菜单),右键点击 → 选择「属性」;
  2. 在「快捷方式」标签页的「目标」输入框中,在原有路径末尾添加启动参数(注意:参数前必须加一个空格):
    原目标示例:"C:\Program Files\Google\Chrome\Application\chrome.exe"
    修改后示例:
    "C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\ChromeDevProfile
    ✅ 关键参数说明:
    • --disable-web-security:核心参数,禁用同源策略(跨域校验);
    • --user-data-dir=C:\ChromeDevProfile:指定独立的用户数据目录(新版本强制要求,否则跨域参数无效),路径可自定义(如C:\ChromeDev)。
  3. 点击「确定」保存,双击该快捷方式启动Chrome;
  4. 启动后Chrome顶部会显示「你使用的是不受支持的命令行标记 --disable-web-security……」的黄色提示条,说明配置生效。

方式2:命令行启动(临时生效)

适合临时测试,无需修改快捷方式:

  1. 按下Win+R,输入cmd打开命令提示符;
  2. 输入Chrome安装路径+启动参数(路径需与实际安装位置一致),回车执行:
    "C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\TempChromeDev
  3. 启动的Chrome窗口即为无跨域校验状态。

二、Mac 系统

  1. 关闭所有Chrome窗口,确保无后台进程;
  2. 打开「终端」(Launchpad → 其他 → 终端);
  3. 输入以下命令(替换「你的用户名」为Mac实际用户名,如zhangsan),回车执行:
    open-n /Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome --args --disable-web-security --user-data-dir=/Users/你的用户名/ChromeDevProfile
    示例(用户名为lisi):
    open-n /Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome --args --disable-web-security --user-data-dir=/Users/lisi/ChromeDevProfile
  4. 启动后Chrome顶部会出现安全提示,代表跨域校验已关闭。

三、Linux 系统

  1. 关闭所有Chrome窗口;
  2. 打开终端,输入以下命令(替换「你的用户名」为Linux用户名):
    google-chrome --disable-web-security --user-data-dir=/home/你的用户名/ChromeDevProfile
    若命令报错,改用完整路径:
    /usr/bin/google-chrome --disable-web-security --user-data-dir=/home/你的用户名/ChromeDevProfile

四、验证是否生效

  1. 启动配置后的Chrome,打开本地开发页面(如http://localhost:8080);
  2. F12打开开发者工具 → 「控制台」;
  3. 发起跨域请求(如请求https://api.xxx.com),若控制台不再出现以下报错,说明配置成功:
    Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy

五、关键注意事项(必看)

  1. 安全风险极高:关闭跨域校验后,Chrome失去「同源策略」保护,访问恶意网站可能导致Cookie、账号信息泄露,仅用于本地开发,切勿用于日常浏览(建议单独创建快捷方式,开发用和日常用分开);
  2. --user-data-dir参数不可省略:Chrome 90+版本强制要求该参数(指定独立的用户数据目录),否则--disable-web-security完全无效;
  3. 避免冲突:若之前配置过其他启动参数,需确保参数之间用空格分隔,且无语法错误;
  4. 更推荐的替代方案:修改浏览器是「临时方案」,生产/开发规范做法是在本地服务端配置代理:
    • Vue(Vite):在vite.config.js中配置server.proxy
    • React(Webpack):在webpack.config.js中配置devServer.proxy
    • 纯静态页面:用http-server --cors启动本地服务,自动允许跨域。

六、恢复正常跨域校验

只需关闭所有Chrome窗口,用未添加参数的默认快捷方式启动Chrome即可,独立数据目录(ChromeDevProfile)不会影响正常浏览数据。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 14:00:58

2025年软件开发公司TOP10权威榜单

在当今数字化时代,选择一家靠谱的软件开发公司至关重要,尤其是随着2025年临近,行业竞争加剧,口碑成为衡量企业可靠性的核心指标。根据行业报告显示,超过80%的企业在选择开发伙伴时,将客户评价和成功案例作为…

作者头像 李华
网站建设 2026/6/15 13:06:31

Vue 生命周期关键点

data() 初始化 → beforeCreate → created → beforeMount → mounteddata() 阶段:属性间不能相互依赖created() 阶段:数据已初始化,可以访问 this.fieldOptionsmounted() 阶段:DOM 已挂载,适合操作 DOM. 常见的陷阱和…

作者头像 李华
网站建设 2026/6/15 12:35:19

Excalidraw图层管理机制剖析,复杂图表也能井然有序

Excalidraw图层管理机制剖析,复杂图表也能井然有序 在一张越来越“满”的白板上,如何让新画的方框不被旧内容挡住?为什么拖出来的箭头总能巧妙地避开遮挡,稳稳连接两个模块?如果你用过 Excalidraw,可能已经…

作者头像 李华
网站建设 2026/6/14 17:11:30

PaddleNLP情感分析模型部署:整合diskinfo下载官网数据集

PaddleNLP情感分析模型部署:整合diskinfo下载官网数据集 在企业日益依赖用户反馈进行决策的今天,如何从海量中文文本中快速、准确地识别情绪倾向,已成为AI落地的关键挑战。社交媒体评论、电商评价、客服对话……这些非结构化数据背后隐藏着巨…

作者头像 李华
网站建设 2026/6/15 14:29:57

35、集群管理中的账户验证与打印系统搭建

集群管理中的账户验证与打印系统搭建 1. 无Active Directory的账户管理 集群管理员需要决定采用哪种账户验证方法,以授予用户访问集群及其内部共享数据的权限。若组织已在电子邮件和Windows桌面系统中使用Microsoft的Active Directory产品,系统管理员可能倾向于用其进行集群…

作者头像 李华
网站建设 2026/6/15 14:26:19

36、集群管理案例研究与实践指南

集群管理案例研究与实践指南 在集群管理中,涉及多个方面的任务和操作,包括打印作业管理、节点维护、邮件发送以及批量作业调度等。以下将详细介绍这些任务的具体操作和相关要点。 1. 中央打印服务器的打印作业管理 在中央打印服务器上,可使用 lpc 命令来管理打印队列和…

作者头像 李华