谷歌浏览器解决跨域问题配置记录

已于 2023-11-07 14:27:59 修改
阅读量355 收藏 1
点赞数
分类专栏： 前端每日阅读 文章标签： 前端
于 2023-11-03 10:47:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43547255/article/details/134197879
版权

在这里插入图片描述
在访问时出现has been blocked by CORS policy: Responspreflight request doesn’t pass access control checlAccess-Control-A1low-Origin" header is present onrequested resource.

出现跨域问题
1.先关闭浏览器
2.创建一个目录，文件夹记住路径
3.点击谷歌浏览器图标右击属性
在这里插入图片描述
4.在目标后面的输入框中填写--disable-web-security --user-data-dir=C:\MyChromeDevUserData
后面C:\MyChromeDevUserData 是第二步时候创建的目录文件路径,exe后面有个空格!!

C:\Users\NULL\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=C:\Users\NULL\Desktop\dir，--user-data-dir

5.保存之后重新打开浏览器
在这里插入图片描述或会出现一行文字，就表示配置成功了

可可鸭~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
解决跨域过滤器CORSFilter
12-23
解决跨域过滤器
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
12-10
在用vue做前端开发的时候，因为一般跑vue使用的webpack自带的node服务，而我们实际要使用的数据确是后台服务器上的，所以这就涉及到服务器请求跨域的问题。本来在诸如axios之类的网络请求参数里面配置 withCredentials: true, 就可以解决跨域问题的，但是现在浏览器比如chorme有做了新的跨域限制，比如要服务器端配置允许跨域才行，详见跨域问题解决，是英文的，看起来需要花点功夫；那有没有不需要服务器端配置就能解决浏览器的跨域问题的办法呢？答案肯定是有的！！ 这里就说chorme吧，因为chorme基本都是前端主流浏览器了，配置方法如下： 版本号49之前的跨域设置 具
有关Ajax跨域问题的两种解决方法
12-11
概述 Ajax跨域是前端开发中常见的问题，本文描述了以Google浏览器Chrome作为客户端和以Tomcat作为Web服务器的情况下的解决办法。 问题现象 当出现跨域访问的时候ajax通常会报类似如下错误： XMLHttpRequest cannot load http://192.168.2.12:8001/oss/api/version/check. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefor
配置设备打印时，谷歌浏览器跨域配置
03-11
谷歌浏览器跨域配置，新旧浏览器的
tomcat解决跨域访问问题配置
09-06
tomcat解决跨域访问问题，具体配置如下： 1、修改tomcat下的Conf/web.xml文件，在该文件内容中新增以下配置，注意，若该web.xml中存在其它filter，则需要将该filter放在所有filter前面； CorsFilter org.apache.catalina.filters.CorsFilter cors.allowed.methods GET,POST,HEAD,OPTIONS,PUT cors.allowed.headers <!--注意，若你的应用中不只有这些文件头，则需要将你应用中需要传的文件头也加上； 例如：我的应用中需要在header中传token，所以这里的值就应该是下面的配置，在原有基础上将token加上，否则，应用就不会被允许调用 token,Access-Control-Allow-Origin,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers --> Access-Control-Allow-Origin,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers true CorsFilter /*
浏览器跨域的配置
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
06-01 9223
在我们进行前端开发的时候，我们请求的后端的接口可能是在不同的域名之下，就会产生跨域的问题，跨域是浏览器本身从安全策略（同源策略）考虑的，默认会限制跨域的请求，因为使用不当，可能会导致一些安全问题，包括用户隐私数据的泄露，而在实际开发中，我们可能需要有跨域的需求，那么从前端的角度怎么去解决呢？
浏览器：跨域及解决方法
snowball的博客
05-03 1万+
出于浏览器的限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能不能使用。可以说Web是构建在同源策略基础之上的，。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）1、无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB2、无法接触非同源网页的 DOM。
Chrome浏览器的跨域设置----包含新老版本两种设置
热门推荐
前端菜菜DayDayUp的博客
04-22 2万+
这是一篇姗姗来迟的文章，一直在使用，但是一直没时间做一下总结，今天抽空就分享给大家，操作很简单，耐心跟着操作一下。 做前后端分离的开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，而且chrome浏览器支持可跨域的设置，但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。其实网上也有很多大神总结的chrome跨域设置教程，都是差不多。 个人开发中的使用习惯 下载好谷歌浏览器以后，快捷方式我会复制两份放在桌面上，这时候两个是一模一样的，我会将其中一个重命名（我是跨域的命
如何解决浏览器跨域问题？
zhijiesmile的博客
05-20 1204
在上面的例子中，通过将回调函数名handleResponse作为查询参数传递给服务器，服务器会将返回的数据包装在回调函数中返回，客户端就可以在回调函数中处理返回的数据。CORS（跨域资源共享）是一种标准的跨域解决方案，通过在服务器端设置响应头来控制跨域请求的权限。浏览器的跨域问题是由浏览器的同源策略引起的，为了保护用户的安全，浏览器限制了不同域的页面之间的交互。以上代码中，通过使用request库将浏览器请求转发到目标服务器，并将目标服务器的响应返回给浏览器。'替换为具体的域名，限制只允许特定域名的访问。
谷歌浏览器配置允许跨域
最新发布
weixin_46325225的博客
11-07 3715
2、搜索Block insecure private network requests。1、在谷歌浏览器导航栏搜索chrome://flags。
谷歌浏览器的跨域设置、配置、新老版本Chrome
04-14 5082
谷歌浏览器的跨域设置、配置、新老版本Chrome
crome配置跨域浏览器
天蚕土豆丝的博客
08-10 611
配置跨域浏览器
浏览器设置跨域
Zmikoo学习之路
07-05 2693
版本号49之前的跨域设置 先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加–disable-web-security就可以了。 具体做法为： 1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。 2.在属性页面中的目标输入框里加上 --disable-web-security 如下图所示： 3.点击应用和确定后关闭属性页面，并打开chrome浏览器。如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security”，那么说
Chrome浏览器设置跨域—Windows
程序员日常记录
10-24 1377
windows11上，设置Chrome浏览器，支持请求跨域
配置跨域浏览器
x871752024的博客
02-08 422
1、复制谷歌浏览器快捷方式。2、右击–>属性–>在目标列添加如下。3、在D盘下新建空文件夹chome用于存放不校验跨域的谷歌浏览器的缓存文件。4、打开浏览器出现如图样式，表示配置成功。
跨域浏览器如何配置？
lazy_tomato的博客
03-22 759
【代码】跨域浏览器如何配置？
轻松搞定 Nginx 跨域配置
天行健，君子以自强不息；地势坤，君子以厚德载物。
10-07 2572
当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。分析前准备：前端网站地址：http://localhost:8080服务端网址：http://localhost:59200首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通...
浏览器跨域解决方案详解
关注我！带你一路 "狂飙" 到底！
08-08 1927
跨域（Cross-Origin）指的是在 Web 开发中，一个网页的运行环境（域）与所请求资源的域不一致，即请求的目标资源与当前网页的域名（协议、域名或端口）不同。Web 浏览器遵循同源策略（Same-Origin Policy），这是一种安全策略，旨在防止潜在的恶意网站窃取用户数据或进行其他安全攻击。同源策略要求网页的运行环境和所请求的资源必须拥有相同的协议、域名和端口，否则浏览器会阻止跨域请求的执行。举例来说，每个网站都有一个域名或者IP地址（实际上域名就是对IP地址的别名，方便人们记忆）。
【Ajax】发送跨域的POST请求时，浏览器会先发送一次OPTIONS请求，然后才发送原本的POST请求
小秀的博客
08-29 1318
在实际请求之前，浏览器向服务器发送一个预检请求，询问服务器是否允许跨域请求以及允许哪些HTTP方法、头部字段等。当发送跨域的POST请求时，浏览器会先发送一次OPTIONS请求，这是因为浏览器的同源策略。需要注意的是，简单请求(GET/www-form-urlencoded、multipart/form-data或text/plain)不会触发预检请求，浏览器会直接发送实际请求。如果服务器允许当前请求的跨域访问，那么浏览器才会发起实际的POST请求。否则，浏览器将阻止请求，并在控制台报告错误。
谷歌浏览器跨域问题解决
02-16
当使用谷歌浏览器时，可能会遇到跨域问题，这是因为浏览器的同源策略（Same-Origin Policy）会阻止不同源（Origin）之间的访问。 解决跨域问题的方法有以下几种： 1. JSONP：通过script标签加载跨域的JS文件，利用JS函数的回调来获取数据。 2. CORS：跨域资源共享（Cross-Origin Resource Sharing），是一种新型的跨域解决方案，需要服务端设置允许跨域访问的响应头信息。 3. 代理：使用服务器端代理来实现跨域访问，即客户端请求同源服务器，同源服务器再请求目标服务器，最后再将结果返回给客户端。 4. window.postMessage()方法：该方法允许跨窗口通信，可以通过该方法来实现跨域数据传输。 以上是几种常见的解决跨域问题的方法，具体的实现方式需要根据具体情况来选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

可可鸭~

想吃糖~我会甜

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值