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

2024-05-19 19:07:28

一般我们在进行前后分离的项目 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 已经可以正常跨域访问了。

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

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

chrome浏览器的跨域设置
chrome浏览器的跨域设置--包括版本49前后两种设置做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多 ...
Chrome浏览器端跨域不能访问问题处理办法
Chrome浏览器端跨域不能访问问题处理办法: 地址栏输入 chrome://flags/#block-insecure-private-network-requests 设置Block insecu ...
chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
Chrome 配置允许跨域访问
跨域是浏览器为了更加安全,使用同源策略控制网站不能执行其他网站的脚本. 解决跨域问题一般可以通过几个方式改变: 在服务端配置允许跨域(CORS): jsonp 访问方式: 开发.安装浏览器扩展: 取消 ...
阿里云OSS设置跨域访问
阿里云OSS设置跨域访问简介操作步骤简介 OSS 提供 HTML5 协议中的跨域资源共享 CORS 设置,帮助您实现跨域访问.当 OSS 收到一个跨域请求(或者 OPTIONS 请求)时,会读取 ...
chrome浏览器解决跨域调试问题
chrome浏览器解决跨域调试问题参考文章: (1)chrome浏览器解决跨域调试问题 (2)https://www.cnblogs.com/congxueda/p/7053814.html 备 ...
两种方式设置SVN提交代码时必须填写日志
两种方式设置SVN提交代码时必须填写日志咱们在使用SVN的时候,团队中难免有同事提交代码时忘记填写日志而直接提交,这样会导致后期维护极不方便,这并不是我们想看到的.于是下面给出两种方式来解决这个问题 ...
chrome浏览器解决跨域调试问题
1.关闭chrome浏览器 2.右键点击浏览器快捷方式,打开属性 3.在目标的末端先空格,然后添加(C:\MyChromeDevUserData是自己随便建的一个空文件夹) –disable-web- ...
Vue之通过代理设置跨域访问
我们使用脚手架创建的项目,可以在config项目中看到其中我们打开index.js文件 'use strict' // Template version: 1.3.1 // see http://v ...

最新文章

热门文章