解决谷歌浏览器跨域问题has been blocked by CORS policy: The request client is not a secure context and the resou

已于 2024-06-19 19:22:56 修改
阅读量339 收藏
点赞数 7
文章标签： 前端
于 2024-06-19 19:20:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46940224/article/details/139811128
版权

开发的一个后台项目，需要在浏览器中通过读卡器设备读取身份证信息，使用谷歌打开，报了如下跨域问题：

解决办法


浏览器访问 

chrome://flags/#block-insecure-private-network-requests

 

将第一项设置为 Disabled ；

点击右下角重启浏览器！

避坑啊家人们！坑惨了！！！！

Cookie-a
关注
  • 7
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 2164
Access to XMLHttpRequest at 'http://127.0.0.1:5000/api/data' from origin 'http://10.197.0.79:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
vue解决跨域路由冲突问题思路解析
10-19
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。本文给大家详细介绍了vue解决跨域路由冲突问题思路解析，需要的朋友参考下吧
跨域问题 has been blocked by CORS policy: The request client is not a secure context
热门推荐
程序员超哥的博客
10-21 1万+
问题描述，前端请求后端接口出现了跨域，get请求是OK 的，POST 请求有问题。请求链路是前端请求接口先到服务端的网关系统，再由网关系统转发到其他业务系统中。 第一步、首先看两个相关的服务是不是没有加跨域的配置。经检查发现两台服务都加了跨域代码，如下： 业务系统解决跨域代码： @Configuration public class CorsConfiguration { @Bean public WebMvcConfigurer corsConfiguration() {
快速解决跨域请求问题:jsonp和CORS
10-18
主要介绍了快速解决跨域请求问题:jsonp和CORS，涉及jsonp和CORS的介绍，分享了前端 jQuery 写法，后端 SpringMVC 配置，后端非 SpringMVC 配置等相关内容，具有一定借鉴价值，需要的朋友可以参考下。
WebApi 跨域问题解决方案：CORS
07-23
为了解决这个问题，我们可以采用CORS（跨域资源共享）机制。CORS是通过在HTTP请求和响应头中添加特定标识来告知浏览器允许哪些跨域请求。例如，服务器可以在响应头中添加`Access-Control-Allow-Origin:...
Allow-Control-Allow-Origin-2022-11-23 谷歌浏览器跨域组件
07-11
标题提到的"Allow-Control-Allow-Origin-2022-11-23 谷歌浏览器跨域组件"显然是针对这一问题的一种解决方案。 同源策略是浏览器内置的安全机制，它防止了一个页面的JavaScript能够读取或操作其他域名下的资源。然而...
Ajax跨域问题及解决方案（jsonp，cors）
10-16
本文将详细讨论Ajax跨域问题及其两种常见解决方案：JSONP和CORS。 首先，我们来明确什么是跨域。当浏览器尝试从一个源（协议+域名+端口）向另一个源发送请求时，如果两个源不匹配，就会遇到跨域问题。这包括但不...
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
最新发布
yrldjsbk的博客
07-18 340
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1280
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
【Vue】 style中的scoped
DX390609的博客
07-15 166
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
中间件的理解
modi000的博客
07-15 430
直接返回，前置服务可以支持更高流量的并发，后置的需要耗时、耗力的，需要IO操作的服务，可以通过MQ慢慢处理。前端写消息的速率比后端处理消息的速率要快很多的。a.快递员角度：快递员无需将快递直接交到用户手里，放在菜鸟驿站即可走了，增加了送快递的数量，提高了送快递的效率；b.用户角度：快递到达的时候在上班，当时无时间取快递，当有了菜鸟驿站后，用户可以在下班闲暇时间去取快递。所以，中间件可以多个可能互相调用的系统耦合程度，提升接口的响应速度，。c.双十一的时候，快递量暴增，快递员不会手忙脚乱、用户可排序取快递。
【前端】JavaScript入门及实战6-10
weixin_45980065的博客
07-17 569
如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
cookies,sessionStorage和localStorage都有什么区别
qq_51856496的博客
07-17 301
cookies,sessionStorage和localStorage都有什么区别 cookies在请求数据传输的时候会携带至后台，sessionStorage,localStorage是纯客户端缓存 cookies有过期机制,sessionStorage是会话级缓存，窗口关闭后会销毁，localStorage是本地持久缓存手动才会清除 cookies只能存储4KB并且不推荐前端用js直接操作，sessionStorage,localStorage存储有5MB
(三)js前端开发中设计模式之工厂模式
峰会路转的博客
07-17 230
工厂模式是一种创建型设计模式，它可以帮助我们根据需求创建对象。
ReactRouter v6升级的步骤
feixin369的博客
07-14 423
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
使用 Vue3、Node.js、MySQL、Electron 和 Express 实现用户登录、文章管理和截屏功能
liyananweb的博客
07-15 624
通过本文，我们详细介绍了如何使用 Vue3、Node.js、MySQL、Electron 和 Express 实现一个完整的用户登录、文章管理和截屏功能的应用。希望这篇文章能为你提供有价值的参考，帮助你更好地理解和实现前后端分离的应用开发。如果你有任何问题或建议，欢迎在评论区留言讨论。
前端工具-json-server
zhangankang的博客
07-14 166
以项目为例，介绍前端mock数据的方式；
Web 性能入门指南 - 2.2 理解和改进最大内容绘制 (LCP)
weixin_43303603的博客
07-15 402
最大内容绘制 (LCP) 衡量的是页面上最大视觉元素的渲染时间。为了让 Google 满意，请将 LCP 时间控制在 2 秒以内。
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 1151
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`解决办法
06-19
当遇到 "has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`" 错误时，这是因为浏览器实施了跨源资源共享（Cross-Origin Resource Sharing, CORS）策略，防止非同源（即不同域名或协议、端口）之间的通信，特别是对于那些被认为是私有地址空间（如 `localhost` 或 `file://`）的资源。 这个问题通常发生在以下几个场景： 1. 当你在本地开发环境下尝试从非同源服务器获取数据时。 2. 当你使用 HTTPS 请求访问运行在 `http://` 的本地服务时。 3. 如果你的页面是从 HTTP 协议加载，而请求的目标是使用 HTTPS，也会触发这个限制。 解决办法： 1. **更改服务器配置**： - 如果你是服务器端开发者，你可以设置响应头 `Access-Control-Allow-Origin`，允许特定的来源（如 `*` 允许所有，或指定具体的域名）访问你的资源。对于 `localhost`，可能需要配置为 `*` 或 `http://localhost`。 - 对于 JSONP 或 CORS Preflight 预检请求，确保你的服务器支持这些特性。 2. **使用代理服务器**： - 在开发环境中，你可以设置一个简单的代理服务器（比如使用 Node.js 的 `http-proxy-middleware`），将请求转发到正确的源，这样浏览器就不会再检查 CORS 限制。 3. **使用 `--disable-cors` 或 `--no-referrer` 参数**： - 如果是在 Chrome 或其他支持的浏览器中，你可以临时禁用 CORS 限制来测试，但这仅限于调试阶段，生产环境不可行。 4. **修改浏览器设置**： - 对于某些现代浏览器，可以在开发者工具中临时更改浏览器设置，允许特定请求的跨域访问。但同样不适用于生产环境。 5. **迁移到同一域或安全上下文**： - 将资源部署到相同的域名或使用 HTTPS，以符合 CORS 的安全要求。 记住，CORS 主要用于保护用户隐私和安全，所以只在必要时才绕过它。在实际项目中，确保遵守最佳实践。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值