讲师中心 微信公众号

工具推荐

视频效率加速
AniShort
AniShort

AI短剧协同制作平台

Seko
Seko

AI短剧一键生成成片

剧云
剧云

中文短剧剧本制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

Chrome浏览器如何禁用同源策略(Same-Origin Policy) 本地开发跨域调试【开发者】

酷芳小哥_4200

酷芳小哥_4200

发布时间:2026-03-06 12:43:35

|

908人浏览过

|

来源于php中文网

原创

可通过五种方法临时禁用Chrome同源策略以解决本地调试跨域问题:一、命令行启动加--disable-web-security;二、指定独立--user-data-dir隔离环境;三、追加--unsafely-treat-insecure-origin-as-secure处理HTTP跨域;四、安装CORS扩展模拟响应头;五、改用--disable-features参数替代。

chrome浏览器如何禁用同源策略(same-origin policy) 本地开发跨域调试【开发者】

如果您在本地开发环境中使用Chrome浏览器调试前端应用,遇到因同源策略限制导致的跨域请求被拦截问题,则可通过临时禁用Same-Origin Policy实现调试。以下是多种可行的操作方法:

一、启动Chrome时添加命令行参数

该方法通过绕过浏览器内置的安全检查机制,在启动时完全禁用同源策略。适用于需要频繁调试且不涉及敏感操作的本地开发场景。

1、关闭所有已运行的Chrome浏览器进程,包括后台任务(可在任务管理器中确认chrome.exe是否已全部退出)。

2、按操作系统对应方式启动Chrome:
Windows系统:在命令提示符或PowerShell中输入: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;
Linux系统:在终端中执行:google-chrome --user-data-dir="/tmp/chrome_dev_test" --disable-web-security。

3、新打开的Chrome窗口将显示“您使用的是不受支持的命令行标记”提示条,此为正常现象,不影响禁用效果。

二、使用专用用户配置目录隔离开发环境

为避免影响日常浏览会话,需强制指定独立的用户数据目录,确保禁用策略仅作用于调试实例,不干扰主浏览器配置与扩展状态。

1、选择一个不存在的空路径作为临时用户数据目录,例如:/tmp/chrome_debug_profile(Linux/macOS)或C:\chrome_debug(Windows)。

2、在命令行中完整输入启动指令,确保同时包含--user-data-dir和--disable-web-security两个参数,二者缺一不可。

3、验证是否生效:在新开窗口中访问本地HTML文件并发起跨域XMLHttpRequest或fetch请求,若控制台不再出现“Blocked by CORS policy”错误即表示成功。

三、配合--unsafely-treat-insecure-origin-as-secure参数处理HTTP跨域

当本地服务运行在HTTP协议(如http://localhost:3000)且目标接口也为HTTP时,Chrome可能因混合内容或不安全上下文进一步阻止请求,需额外声明信任该源。

1、在原有启动命令基础上追加参数:--unsafely-treat-insecure-origin-as-secure="http://localhost:8080"(将端口号替换为实际后端地址)。

CDP浏览器大师
CDP浏览器大师

CDP浏览器大师:通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务,解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

下载

2、必须同步保留--user-data-dir参数,并确保其路径为全新目录,否则参数无效。

3、若需信任多个HTTP源,可重复添加该参数,每次指定一个完整URL,例如:--unsafely-treat-insecure-origin-as-secure="http://127.0.0.1:5000" --unsafely-treat-insecure-origin-as-secure="http://localhost:4000"。

四、使用Chrome扩展模拟跨域权限

该方法不修改浏览器核心策略,而是通过注入响应头覆盖CORS限制,适合无法使用命令行或需快速切换调试状态的场景。

1、访问Chrome网上应用店,安装官方维护的扩展如CORS Unblocked或Allow CORS: Access-Control-Allow-Origin。

2、安装完成后点击地址栏右侧扩展图标,开启开关并确认状态为“ON”。

3、刷新当前页面,检查开发者工具Network面板中响应头是否新增Access-Control-Allow-Origin: *字段。

五、启用--disable-features参数替代方案

部分新版Chrome版本对--disable-web-security响应更严格,可尝试禁用特定安全特性以达成类似效果,同时保持基础沙箱机制运行。

1、关闭所有Chrome进程后,启动命令中移除--disable-web-security,改用:--disable-features=IsolateOrigins,site-per-process。

2、仍需配合--user-data-dir参数使用,且路径不可复用已有用户目录。

3、该组合在Chrome 90+版本中可缓解多数本地跨域拦截,但对某些严格校验Header的API仍可能失败。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

讯飞智文

一款面向学习和办公场景的AI文档创作工具,可辅助生成PPT与Word文档,提高资料整理和内容制作效率。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2986

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

6239

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

4467

2026.03.24

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

3248

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

5489

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3909

2025.12.29

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

506

2026.01.19

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3479

2023.07.26

Go-Zero API开发使用教程
Go-Zero API开发使用教程

本专题聚焦Go-Zero的API开发,拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则,说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式,并给出网关聚合与接口测试的实践建议。

20

2026.11.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
MDN CSS 文档与布局指南
MDN CSS 文档与布局指南

共0课时 | 0人学习

Postman安装指南
Postman安装指南

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn