其实谷歌浏览器设置跨域的问题并不复杂，但是又很多的朋友都不太了解谷歌浏览器设置跨域访问，因此呢，今天小编就来为大家分享谷歌浏览器设置跨域的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

本文目录

1. ajax请求本地json文件出现跨域问题
2. 跨境浏览器有哪些
3. 怎么设置chrome浏览器可以跨域
4. 为什么Mac下了chrome谷歌浏览器却无法访问网站
5. chrome谷歌浏览器的跨域设置
6. 怎么设置chrome的跨域访问
7. 浏览器跨域及其解决方案

一、ajax请求本地json文件出现跨域问题

开发的时候,会经常使用一些假数据,这个时候我们就会在本地进行ajax请求（开发工具使用vscode，如果是webstrom则不会有这个问题）,来获取数据,例如ajax本地请求json文件，但是在请求的时候会遇到跨域问题：

建议使用火狐浏览器,因为谷歌浏览器是不允许跨域请求的,因为不安全,但是我们现实中,很多地方是必须要用到跨域请求，谷歌浏览器严格遵循,但是火狐浏览器考虑到现实因素,就可以使用跨域,但是需要进行一些设置.

1、在Firefox的地址栏输入“about:config”，回车

2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”(第一次会出现安全协议,点击确认即可)

3、双击security.fileuri.strict_origin_policy设置为false

4、关闭目前开启的所有Firefox窗口，然后重新启动Firefox,这个时候就可以了.

虽然会报格式不佳的错误，但是数据还是请求出来滴！

二、跨境浏览器有哪些

目前市面上可以用的跨境浏览器有：谷歌浏览器、火狐浏览器、Opera浏览器、UC浏览器、QQ浏览器等。这些浏览器都可以支持跨境浏览，可以访问国外网站，解决跨境浏览的问题。

解决跨境浏览的方法和做法步骤：

1.首先，需要下载一款支持跨境浏览的浏览器，如谷歌浏览器、火狐浏览器、Opera浏览器、UC浏览器、QQ浏览器等；

2.然后，在浏览器中设置代理服务器，以获得更好的跨境浏览体验；

3.最后，在浏览器中输入想要访问的国外网站，即可实现跨境浏览。

跨境浏览是指在不同国家或地区之间访问网站的行为，它可以帮助用户访问国外网站，获取更多的信息和资源。但是，由于国家或地区的不同，跨境浏览也会遇到一些问题，比如网络安全、网络速度等。因此，使用跨境浏览器可以有效解决这些问题，让用户更加轻松地访问国外网站。

三、怎么设置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。稳定性和安全性会有所下降"，说明设置成功。

四、为什么Mac下了chrome谷歌浏览器却无法访问网站

Mac下了chrome谷歌浏览器却无法访问网站的原因：

2、这个网站不同域名之间，未设置好允许访问的白名单

1、跨域访问受阻可以在Chrome浏览器中，按下F12，点击开发者工具中的Console，进入控制台。

2、面向普通网站访问者用户是没有办法解决问题的，只能等待该网站做好相应改进，才能正常访问网页。面向网站开发人员的话可以在某域名下使用Ajax向另一个域名下的页面请求数据，会遇到跨域问题。另一个域名必须在response中添加 Access-Control-Allow-Origin的header，才能让前者成功拿到数据。

五、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目录下则生成了新的个人信息相关的文件。

六、怎么设置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、什么是跨域跨域的表现解决跨域问题-浏览器设置(不推荐)-前端的非正统解决方式- 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处理的，就没有跨域发生了。

关于谷歌浏览器设置跨域到此分享完毕，希望能帮助到您。