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

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

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

访问跨域的原因

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

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

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

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

1.首先关闭谷歌浏览器

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

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

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

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

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

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

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

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

安装插件 Allow CORS_ Access-Control-Allow-Origin