谷歌浏览器跨域最全解决方案

港控/mmm° 2023-10-15 13:23 90阅读 0赞

#### 谷歌浏览器跨域最全解决方案 ####

*   *  谷歌浏览器跨域最全解决方案
     *   *  访问跨域的原因
         *  谷歌浏览器跨域解决方案一
         *  谷歌浏览器跨域解决方案二（推荐）
         *  谷歌浏览器跨域解决方案三

### 谷歌浏览器跨域最全解决方案 ###

之前，我写过一篇文章[《前后端分离开发跨域问题总结》][Link 1],主要是通过修改前后端代码（写一些跨域配置）去解决跨域问题，本篇介绍另外一种方式，无需修改代码，也可以在开发中的进行前后端调试。

#### 访问跨域的原因 ####

访问跨域的原因：同源策略

同源策略是指在浏览器端出于安全考量，向服务端发起请求必须满足：协议相同、Host(ip)相同、端口相同的条件，否则访问将被禁止，不满足要求的访问也就被称为跨域访问。

虽然跨域访问被禁止之后，可以在一定程度上提高了应用的安全性，但也为开发带来了一定的麻烦。

#### 谷歌浏览器跨域解决方案一 ####

1.首先关闭谷歌浏览器

2.创建一个目录，例如我在C盘创建MyChromeDevUserData

3.在桌面选择谷歌浏览器右键 -> 属性 -> 快捷方式 -> 目标，添加`--disable-web-security --user-data-dir=C:\MyChromeDevUserData`(刚刚创建的目录)

![image-20230830180728463][]

4.打开谷歌浏览器验证，出现下图则表示修改成功

![image-20230830180804942][]

#### 谷歌浏览器跨域解决方案二（推荐） ####

1.谷歌浏览器 打开`chrome://flags/#block-insecure-private-network-requests`

![image-20230830175658243][]

2.将Block insecure private network requests.`设置为`Disabled\`

![image-20230830175914758][]

3.关闭谷歌浏览器重新打开网页 即可以解决问题。

#### 谷歌浏览器跨域解决方案三 ####

安装插件 Allow CORS\_ Access-Control-Allow-Origin

![image-20230830180212882][] ![image-20230830180247820][]

[Link 1]: https://blog.csdn.net/qq_51808107/article/details/131392845
[image-20230830180728463]: https://img-blog.csdnimg.cn/img_convert/900f3bb74e221e618901152729457fe4.png
[image-20230830180804942]: https://img-blog.csdnimg.cn/img_convert/178eb05bc9a293e487cfb167151438db.png
[image-20230830175658243]: https://img-blog.csdnimg.cn/img_convert/3d6ede3e61a205917ef4d53b08a7c18d.png
[image-20230830175914758]: https://img-blog.csdnimg.cn/img_convert/1899efb4b027625ee056292ed685f3fa.png
[image-20230830180212882]: https://img-blog.csdnimg.cn/img_convert/45ab481096af7da39c448314d3363a30.png
[image-20230830180247820]: https://img-blog.csdnimg.cn/img_convert/a31cec9d184c10a94baccb19bcf2fd8e.png