当前位置: 首页 > news >正文

服务端返回内容跨域CORS之后,也在chrome/edge浏览器里显示出响应信息

由于浏览器的同源策略,服务端返回的内容跨域,且没有允许跨域CORS的请求头之后,浏览器无法显示出服务端返回的信息,不方便问题排查。

比如:

Access to XMLHttpRequest at 'http://localhost:6001/service-app/query/commonQuery' from origin 'http://localhost:8804' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

为了能显示出返回信息,有以下几种方式:

  1. 启动参数

  • 低版本的chrome(49及以下)

新建一个快捷方式,在快捷方式上右键,选择属性,选择“目标”,在最后添加

--disable-web-security

。注意--前有空格,参考图片:

  • 高版本的chrome

旧的参数不生效了,要加上新的参数

 --disable-web-security --user-data-dir==用户配置具体路径

用户配置具体路径可以用以下方式查看,在地址栏输入:chrome://version/,页面上的个人资料路径就是需要的。

设置好之后双击快捷方式打开chrome,如果页面上有显示以下提示,那就设置成功了:

原理

关闭了浏览器的相关安全功能,原本会发送的预检请求(OPTIONS)也不发送了,也不检查同源策略CORS了。

  1. 浏览器插件(推荐)

chrome插件:https://chrome.google.com/webstore/detail/lfhmikememgdcahcdlaciloancbhjino

edge插件:https://microsoftedge.microsoft.com/addons/detail/cors-unblock/hkjklmhkbkdhlgnnfbbcihcajofmjgbh

chrome商店里的插件需要梯子,这里提供了当前(2023.2.10)最新的版本0.3.6

资源下载-chrome谷歌版CORSUnblock插件

原理

将允许跨域的设置,添加到响应头里,让浏览器能够正常响应。

响应头

响应头里这些添加的信息可以通过插件的选项配置

  1. chrome的设置

在地址栏输入:chrome://flags/进入页面,搜索Block insecure private network requests,将对应的选项改成disabled

这种方式有时候会不生效。

http://www.lryc.cn/news/1905.html

相关文章:

  • DHCP中继及配置
  • 中国社科院与美国杜兰大学金融管理硕士,让我们相遇在春暖花开时
  • MySQL---单表查询、多表查询
  • 3年自动化测试这水平?我还不如去招应届生
  • 5 个自定义 React Hooks 将改变你的代码
  • Java学习笔记-03(API阶段)
  • Django自定义模板标签的使用详解
  • 洗地机怎么选?洗地机品牌排行榜
  • CSS的元素显示模式
  • 【MySQL Shell】8.9.1 在 InnoDB ClusterSet 中隔离集群
  • Ubuntu20.04+cuda11.2+cudnn8.1+Anaconda3安装tensorflow-GPU环境,亲测可用
  • 剑指Offer 第27天 JZ75 字符流中第一个不重复的字符
  • 科研试剂供应1476737-97-9,Bis-PEG2-endo-BCN可发生点击反应
  • Zabbix 构建监控告警平台(一)--部署安装
  • 【nodejs】nodejs入门核心知识(命令行使用、内置模块、node 模块化开发)
  • 5. Spring 事务
  • 【堆】数据结构堆的实现(万字详解)
  • Docker进阶 - 9. docker network 之自定义网络
  • springcloud-工程创建(IDEA)
  • Blender——物体的随机分布
  • 一文教你玩转 Apache Doris 分区分桶新功能
  • Spring JdbcTemplate 和 事务
  • C/C++:程序环境和预处理/宏
  • 什么是死锁?死锁产生的四个必要条件是啥?如何避免和预防死锁的产生?
  • 工程管理系统源码-物料管理-工程项目管理系统-建筑施工管理软件
  • Roboguide与TIA V16通讯
  • 利用PyTorch深度学习框架进行多元回归
  • EBS常用接口开发
  • 【完整】UR机械臂逆运动学求解过程及c++代码实现
  • 68. Python的相对路径