Chrome浏览器设置跨域访问【新旧版本两种方式设置】

一般我们在进行前后分离的项目 webapp 开发，或者 H5 移动 App 开发时，我们会使用 PC 端浏览器进行开发调试。但默认情况下 Ajax 请求无法跨域访问，请求时会报如下错误：

XMLHttpRequest cannot load http://127.0.0.1:8888/kitty/services/kitty/find. Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://127.0.0.1:8088’ is therefore not allowed access.

接下来我们介绍如何通过设置 Chrome浏览器使其支持跨域。 由于新版本的设置方法和以前不一样，下面分别进行介绍。

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

（1）右键点击 Chrome 快捷方式图标，点击“属性”。

（2）在属性页面中快捷方式栏的目标输入框尾部加上： --disable-web-security

（3）点击“应用”和“确定”并关闭属性页面。重新打开 Chrome 浏览器。如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security”，那么说明配置成功，可以跨域访问了。

二、新版浏览器的跨域设置（版本号49起）

（1）在电脑上新建一个目录，例如：C:\MyChromeEnvUserData

（2）在属性页面中的目标输入框里加上： --disable-web-security --user-data-dir=C:\MyChromeEnvUserData

（3）点击“应用”和“确定”后关闭属性页面，并打开 Chrome 浏览器。发现有“–disable-web-security”相关的提示，说明 Chrome 已经可以正常跨域访问了。

如果对你有帮助，请一定要帮忙点赞好评，给予创作的动力…