这是一篇姗姗来迟的文章，一直在使用，但是一直没时间做一下总结，今天抽空就分享给大家，操作很简单，耐心跟着操作一下。

做前后端分离的开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，而且chrome浏览器支持可跨域的设置，但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。其实网上也有很多大神总结的chrome跨域设置教程，都是差不多。

个人开发中的使用习惯

下载好谷歌浏览器以后，快捷方式我会复制两份放在桌面上，这时候两个是一模一样的，我会将其中一个重命名（我是跨域的命名为 dev），另外一个正常命名，然后在对命名为“dev”的浏览器打开方式进行寡跨域设置，这样我们就会拥有一个正常的浏览器，一个跨域的浏览器啦~

老版本Chrome浏览器（版本号49之前的跨域设置）

1、右键点击谷歌浏览器，选择属性

2、在目标输入框尾部加上 --disable-web-security

注意：这里 --disable-web-security 前面有一个空格

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

新版浏览器跨域设置（版本号49之后的跨域设置）

1、在电脑上新建一个目录（任意位置）例如 C:\MyChromeDevUserData

2、右键点击谷歌浏览器，选择属性；

3、在目标输入框尾部加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData

注意：

1.两个 -- 前面都是有空格的哦~

2. 如果目标地址原先有引号，那么 --disable-web-security --user-data-dir=C:\MyChromeDevUserData 要加在引号外面。

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

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

Chrome浏览器的跨域设置----包含新老版本两种设置相关推荐

Chrome浏览器设置跨域访问【新旧版本两种方式设置】
一般我们在进行前后分离的项目 webapp 开发,或者 H5 移动 App 开发时,我们会使用 PC 端浏览器进行开发调试.但默认情况下 Ajax 请求无法跨域访问,请求时会报如下错误: XMLHtt ...
chrome浏览器的跨域设置
chrome浏览器的跨域设置--包括版本49前后两种设置做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多 ...
chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
Chrome浏览器端跨域不能访问问题处理办法
Chrome浏览器端跨域不能访问问题处理办法: 地址栏输入 chrome://flags/#block-insecure-private-network-requests 设置Block insecu ...
chrome浏览器解决跨域调试问题
chrome浏览器解决跨域调试问题参考文章: (1)chrome浏览器解决跨域调试问题 (2)https://www.cnblogs.com/congxueda/p/7053814.html 备 ...
chrome浏览器的跨域设置，前端修改跨域问题
原文:https://www.cnblogs.com/laden666666/p/5544572.html 做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在c ...
【转】chrome浏览器的跨域设置——包括版本49前后两种设置
做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多chrome跨域设置教程.但是新版本的chrome浏览器提 ...
Chrome 浏览器 Cookie 跨域共享与升级问题
Chrome 51 版本开始,浏览器的 Cookie 新增加了一个SameSite属性,用来防止 CSRF 攻击和用户追踪.SameSite 可以设置三个值(Strict.Lax.None). 详见阮 ...
h5微信本地调试 vue_UniApp本地调试H5（谷歌chrome浏览器）跨域问题的解决方法，亲测可用...
UniApp本地调试H5跨域(谷歌chrome浏览器,UniApp内置浏览器不存在此问题)的推荐方案:欺骗浏览器,让浏览器觉得你没有跨域(其实还是跨域了,用的是代理) 客户器端解决方案(亲测可用): ...
解决新版谷歌Chrome浏览器Cookie跨域失效问题
谷歌 Chrome80 在 2020年2月4号发布的版本(schedule)会逐渐屏蔽第三方Cookie,即默认为所有Cookie加上SameSite=Lax属性(Cookies default to ...

Chrome浏览器的跨域设置----包含新老版本两种设置

个人开发中的使用习惯

老版本Chrome浏览器（版本号49之前的跨域设置）

新版浏览器跨域设置（版本号49之后的跨域设置）

Chrome浏览器的跨域设置----包含新老版本两种设置相关推荐

最新文章

热门文章