chrome浏览器不同版本的跨域设置

做前后分离的 webapp 开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在 chrome 浏览器就是支持可跨域的设置,网上也有很多chrome 跨域设置教程。但是新版本的 chrome 浏览器提高了跨域设置的门槛,原来的方法不再适用了。下面笔者简单介绍一下新版本 chrome 的跨域设置方法。

版本号:49之前的跨域设置

先介绍一下老方法,参考了一些网上的教程,其实直接在打开命令上加 --disable-web-security 就可以了。

具体做法为:

1、下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。

2、在属性页面中的目标输入框里加上 --disable-web-security 如下图所示:

微信截图_20181123191800.png

3、点击应用和确定后关闭属性页面,并打开chrome浏览器。如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security”,那么说明配置成功。

版本号:49之后的 chrome 跨域设置

chrome 的版本升到49之后,跨域设置比以前严格了,在打开命令上加 --disable-web-security 之后还需要给出新的用户个人信息的目录。

众所周知 chrome 是需要用 gmail 地址登录的浏览器,登录后就会生成一个存储个人信息的目录,保存用户的收藏、历史记录等个人信息。

49版本之后,如果设置 chrome 浏览器为支持跨域模式,需要指定出一个个人信息目录,而不能使用默认的目录,估计是 chrome 浏览器怕用户勿使用跨域模式泄露自己的个人信息(主要是 cookie,很多网站的登录 token 信息都是保存在 cookie 里)。

具体做法为:

1、在电脑上新建一个目录,例如:C:\MyChromeDevUserData

2、在属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData,--user-data-dir 的值就是刚才新建的目录。

3、点击应用和确定后关闭属性页面,并打开 chrome 浏览器。

再次打开 chrome,发现有“--disable-web-security”相关的提示,说明 chrome 又能正常跨域工作了。

510823-20160531053346149-820598861.png

跨域成功后,首页换成了google 的 welcome 页面,同时原来收藏的链接和历史记录都不见了,而 C:\MyChromeDevUserData 目录下则生成了新的个人信息相关的文件。

510823-20160531053954633-1163729440.png

参考:

http://www.spasvo.com/news/html/201634135708.html

https://segmentfault.com/q/1010000004609895


原文链接:HelloWeb前端网 » chrome浏览器不同版本的跨域设置 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享