大家好，感谢邀请，今天来为大家分享一下谷歌浏览器修改跨域的问题，以及和谷歌浏览器修改跨域设置的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

本文目录

1. 浏览器跨域及其解决方案
2. 怎么设置chrome浏览器可以跨域
3. 如何降低浏览器安全级别,允许跨域访问
4. chrome谷歌浏览器的跨域设置
5. localstorage跨域&&跨浏览器
6. 如何解决IE浏览器跨域问题
7. 如何使用 jsonp 进行浏览器跨域

一、浏览器跨域及其解决方案

1、什么是跨域跨域的表现解决跨域问题-浏览器设置(不推荐)-前端的非正统解决方式- CORS(跨域资源共享)-配置nginx反向代理

2、跨域出于浏览器的同源策略限制，同源是指协议、域名、端口都一样，同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。

3、调用页面时接口数据不返回，控制台中会有红色的报错信息中有类似于 CORS policy关键字。另外，在最新谷歌浏览器中，会有提出类似于loaded over HTTPS此种关键字，均可以考虑为跨域导致。

4、 [图片上传失败...(image-26deed-1651135597111)]

5、 tips:有的时候后台小伙伴使用postman测试好的接口，前端不可以使用，原因就是postman不是浏览器，不会有同源限制，同理移动设备app开发和小程序开发也不会有这个问题。这个不是前端bug，同源限制也不是一个不好的规则。

6、虽然跨域不是一个不好的事情，但是对于前后端分离的web开发来说确实需要解决的，大致的解决方案可分为：

7、直接从根源解决问题，让浏览器安全策略不起作用。这个方法虽然可以解决问题但是不现实。

8、官方正统解决方案， CORS规范允许服务器向浏览器返回一些HTTP Headers，浏览器可以基于这些HTTP Headers来决定是否突破SOP的限制。需要后端配合，浏览器需要什么，接口服务给什么。

9、 nginx是一个高性能的HTTP和反向代理web服务器，nginx用来解决跨域问题的原理与前端非正统解决方式的 proxy的思路是一致的。项目请求接口由nginx服务发出，获取到的数据再经由nginx传递给前端项目，这样前端的请求其实都是由nginx处理的，就没有跨域发生了。

二、怎么设置chrome浏览器可以跨域

1、1,首先谷歌快捷方式上右击，在下拉列表中选择属性。

2、2,打开属性窗口，切换到快捷方式选项卡下面，默认是常规选项卡。

3、3,在目标路径的后面添加【--disable-web-security】，格式如下：C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe--disable-web-security,其中chrome.exe与--disable之间有一个空格

4、4,点击应用，然后点击确定关闭窗口。

5、5,如果目标中的路径含有双引号，则在双引号的外面添加。

6、6,关闭浏览器重新通过桌面快捷方式的形式打开浏览器，浏览器提示"您使用的是不受支持的命令行标记：--disable-web-security。稳定性和安全性会有所下降"，说明设置成功。

三、如何降低浏览器安全级别,允许跨域访问

1、打开IE浏览器，在工具菜单下选择Internet选项，打开Internet选项卡。

2、切换到安全选项卡下，点击可信站点，然后单击站点按钮。

3、可信站点窗口输入网址到可信站点的区域，点击添加按钮，网址则会添加到网站列表下，最后关闭可信站点窗口。

4、还是在安全选项卡下的可信站点，点击自定义级别。

5、打开受信任的站点区域窗口，找到跨域浏览窗口和框架选择启用。

6、在当前窗口中继续往下翻，通过域访问数据源也选择启用，点击确定关闭受信任的站点区域窗口。

7、在Internet窗口也点击确定按钮，同时关闭浏览器。

8、在请求的js脚本中添加是否允许跨域访问的权限，jQuery.support.cors默认值为true，则代表允许；反之，不允许。设置完成，重新打开浏览器验证即可。

四、chrome谷歌浏览器的跨域设置

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

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

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

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

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

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又能正常跨域工作了。

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

五、localstorage跨域&&跨浏览器

localstorage无法跨域（同源策略的限制），无法跨浏览器；

localstorage可通过storage event数据变化监听；

必须通过flash实现跨浏览器，因为不同的浏览器使用的flash都是同一个。因此，使用flash cookie就可以实现这样的功能；

postMessage(data,origin)方法允许来自不同源的脚本采用异步方式进行通信，可以实现跨文本档、多窗口、跨域消息传递。接受两个参数：

通过postMessage向【其他域】发送跨域消息；

iframe.contentWindow.postMessage()

监听跨域消息 window.addEventListener('message', fn);

【test1域下】

【test2域下】

【test2域下】

六、如何解决IE浏览器跨域问题

1、打开IE浏览器，在工具菜单下选择Internet选项，打开Internet选项卡

2、切换到安全选项卡下，点击可信站点，然后单击站点按钮

3、可信站点窗口输入网址到可信站点的区域，点击添加按钮，网址则会添加到网站列表下，最后关闭可信站点窗口

4、还是在安全选项卡下的可信站点，点击自定义级别

5、打开站点区域窗口，找到跨域浏览窗口和框架选择启用

6、在当前窗口中继续往下翻，通过域访问数据源也选择启用，点击确定关闭受信任的站点区域窗口

7、在Internet窗口也点击确定按钮，同时关闭浏览器

8、在请求的js脚本中添加是否允许跨域访问的权限，jQuery.support.cors默认值为true，则代表允许；反之，不允许。设置完成，重新打开浏览器验证即可。

七、如何使用 jsonp 进行浏览器跨域

1、JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。JSONP的基本原理是利用标签的 src属性没有跨域限制的特性来实现跨域数据访问。在使用 JSONP时，需要在客户端创建一个 script标签，将需要访问的资源 URL以参数形式传递给服务器，服务器在接收到请求后，将数据装入一个函数调用中返回给客户端。

2、CORS是一种标准的跨域解决方案，它通过在服务器端设置响应头来允许浏览器跨域访问资源。CORS支持所有主流浏览器，并且不需要客户端进行任何特殊处理。

文章到此结束，如果本次分享的谷歌浏览器修改跨域和谷歌浏览器修改跨域设置的问题解决了您的问题，那么我们由衷的感到高兴！