您现在的位置是：博客 > 文章详情文章详情

chrome本地调试跨域问题

2023/09/03 05:08:31 发布预览数量

425

分类：其它标签：跨域

在开发中经常遇到前后端分离的项目，调试起来经常涉及到跨域的问题，这个是比较头疼的。我们先来了解一下跨域的概念，跨域的严格一点的定义是：只要协议，域名，端口有任何一个的不同，就被当作是跨域。

详细解释如下表：

Url	说明	是否允许通信
https://www.converts.cn/jsonformat.html https://www.converts.cn/article.html	同一域名下	允许
https://www.converts.cn/article/12546.html https://www.converts.cn/jsonformat.html	同一域名下不同文件夹	允许
https://www.converts.cn:443/article/12546.html https://www.converts.cn/jsonformat.html	同一域名下，不同端口	不允许
https://www.converts.cn/jsonformat.html http://www.converts.cn/jsonformat.html	同一域名下，不同协议	不允许
https://www.converts.cn/jsonformat.html https://111.229.211.179:443/jsonformat.html	域名和域名对应IP	不允许
https://www.converts.cn/jsonformat.html https://json.converts.cn/jsonformat.html	主域名相同，子域名不同	不允许
https://www.xxx.cn/jsonformat.html https://www.converts.cn/jsonformat.html	不同域名	不允许

我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置，具体的启动参数说明参考这篇介绍。
https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches

这里介绍的是--disable-web-security参数。这个参数可以降低chrome浏览器的安全性，禁用同源策略，利于开发人员本地调试。

找到桌面chrome浏览器图标，右键“属性”,在目标最后添加：

--disable-web-security --user-data-dir

前边有空格，在 ‘—‘ 前,例如我本地的设置路径：
“C:\Program Files (x86)\Google\Chrome\Application\chrome.exe” —disable-web-security —user-data- dir”

确定，重新打开浏览器，会有提示信息：使用的时不受支持的命令行标记，稳定性和安全性会有所下降

注意：这里需要注意的是，每次只有通过修改了目标路径的快捷方式打开chrome才能跨域访问，如果是从其他途径打开的依旧无法跨域。

暂无评论