Chrome浏览器实现跨域

朴灿烈づ我的快乐病毒、 2022-06-17 03:00 612阅读 0赞

做前端的，用Ajax获取数据，是常有的事情，同域下自然没问题了，如果是不同域获取数据，浏览器就有个[同源策略的限制][Link 1]。

如图：![XMLHttpRequest cannot load][]

Origin \* is not allowed by Access-Control-Allow-Origin

有人会说用JSONP了。如果后台的数据接口只是返回单纯的json数据呢，而且也不能修改符合[JSONP的方式的数据形式][JSONP]。 这个时候，我们该怎么办呢？ 如果你用的浏览器是Chrome的话，那么就有福音了。在打开Chrome的地址后边加上` --args --disable-web-security`就可以屏蔽安全访问了\[ --args：此参数可有可无\]，然后就随意的调用不同域下的数据了。

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

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

具体操作步骤如下：

## 一：windows系统（Win7)下的Chrome ##

1、关闭所有打开的Chrome。（重要）。否则，将没有效果！

2、创建Chrome的快捷方式，修改快捷方式的目标为：

"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe" --args --disable-web-security

如图：![创建Chrome的快捷方式][Chrome]

注：chrome 48 命令行启动不支持设置跨域了,想要跨域,还需要需要再加上 `—user-data-dir`

3、双击我们创建的Chrome快捷方式，打开Chrome，如图出现“您使用的是不受支持的命令行标记：--disable-web-security。稳定性和安全性会有所下降”，表示你取消了跨域限制了，可以随意跨域调用数据了。

如图：![您使用的是不受支持的命令行标记：--disable-web-security。稳定性和安全性会有所下降][--disable-web-security]

## Mac os 下面用 ##

/Applications/Google\\ Chrome.app/Contents/MacOS/Google\\ Chrome --disable-web-security

或者

open -a "Google Chrome" --args --disable-web-security

## Ubuntu?Linux: ##

chromium-browser --disable-web-security

## 用命令行打开 Apple Safafi 方法是：（Mac OS 下） ##

open -a '/Applications/Safari.app' --args --disable-web-security

此致完结。谢谢观赏。如有问题，请留言！

参考文献：

[使用 chrome 的 disable-web-security 参数联调线上数据][chrome _ disable-web-security]  
[解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题][_Mac OS_html5_JS Chrome _ _ _]  
[Chrome: Disable same origin policy][Chrome_ Disable same origin policy]  
[Chrome - disable web security - no longer working][]

[Link 1]: http://camnpr.com/archives/426.html
[XMLHttpRequest cannot load]: /images/20220617/e7421ac871d3484b9b8799d5e8fc8562.png
[JSONP]: http://camnpr.com/archives/jquery-ajax-parsererror-was-not-called.html
[https_code.google.com_p_xiaody_wiki_ChromiumCommandLineSwitches]: https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches
[Chrome]: /images/20220617/4dcbe21d2e644782ad0a860690b8af4e.png
[--disable-web-security]: /images/20220617/af8ab33aac1c4fe8b697a1d7d6ac64b8.png
[chrome _ disable-web-security]: http://dwz.cn/dN5qk
[_Mac OS_html5_JS Chrome _ _ _]: http://dwz.cn/dN4Qm
[Chrome_ Disable same origin policy]: http://dwz.cn/dN5a3
[Chrome - disable web security - no longer working]: http://dwz.cn/dN5jm