本地调试接口时 api has been blocked by CORS policy 怎么解决

最新推荐文章于 2024-05-30 18:28:21 发布
最新推荐文章于 2024-05-30 18:28:21 发布
阅读量207 收藏 1
点赞数 1
文章标签： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35980805/article/details/138706285
版权

文章目录

本地调试接口时 api has been blocked by CORS policy 怎么解决？

问题描述

用fetch方法请求后端接口，默认浏览器是chrome。运行时，控制台报错

Access to fetch at 'https://*/DashboardService/ExportBills' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'https://*/' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

解决方式

关闭浏览器的安全策略

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/Documents/MyChromeDevUserData

在新打开的chrome浏览器调试页面和接口请求

BloodyEve
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 2719
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.
浏览器预检请求返回400 has been blocked by CORS policy: Response to preflight request doesn’t pass access cont
weixin_53512283的博客
04-02 3万+
这个问题也是很过分头一次遇到，原因是谷歌浏览器在有跨域（CORS）请求时，会先发送一个preflight（预检）请求，之后才会发送fetch请求。 CORS：跨源资源共享(CORS)（或通俗地译为跨域资源共享）是一种基于HTTP头的机制，该机制通过允许服务器标示除了它自己以外的其它origin（域，协议和端口），这样浏览器可以访问加载这些资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的"预检"请求。在预检中，浏览器发...
跨域问题 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() {
has been blocked by CORS policy
最新发布
枫叶
05-30 262
cors浏览器访问本地跨域问题
Vue中Axios发起接口请求出现跨域问题:has been blocked by CORS policy
第一段代码的博客
04-15 7206
blocked by CORS policy:Access-Control-Allow-Origin通常指的就是浏览器判断请求跨域问题导致. 解决方案: 1.前端设置代理的方式: 在vue.config.js的配置文件中,配置代理伪装请求的方式,解决跨域: 详细配置和配置属性解释,见代码注释 devServer: { port: 9999, // open: true, // 设置代理 proxy: { //配置跨域 '/api': { tar
跨域 has been blocked by CORS policy
热门推荐
LiJianbo_Jon的博客
11-19 5万+
作者：木子云舒 时间：2021年11月19日14:14:02 背景： 之前也会遇到跨域的问题，但是之前一般是前后端自己写，所有很快就解决了。这次遇到跨域，设置了一些参数，但是不生效。也没有搞清楚，究竟跨域是什么，什么情况会出现跨域，怎么验证是否已解决跨域，底层究竟是前端，服务器，浏览器哪一个环节出现了问题。 通过多次试错，加上和几个同事朋友的沟通后，大概知道了是哪里的问题。 所以说搞懂原理比其他都重要，这样才能定位问题，才知道是否解决了。 总结： 跨域，全称跨源资源共享（CORS）。一般是浏览器设置的安全策
corsyusha:简单快速的代理，可在针对现有API进行原型设计时绕过CORS问题，而不必担心CORS
04-30
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch ...
vue解决跨域路由冲突问题思路解析
10-19
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。本文给大家详细介绍了vue解决跨域路由冲突问题思路解析，需要的朋友参考下吧
java防跨站点源码
01-07
存储型XSS则是恶意脚本被存储在服务器上，当其他用户访问该页面时触发；DOM型XSS则涉及到JavaScript对DOM（文档对象模型）的动态修改，攻击者可以通过修改DOM中的数据来执行恶意代码。 2. **Java中的防XSS策略** ...
cas.zip_cas 结合 springmvc shiro 做项目单点认证
04-30
登出时，需要同时注销CAS服务器和本地应用的会话。 5. **权限控制**：Shiro提供了强大的权限控制功能，可以根据用户角色和权限来决定是否允许访问特定资源。在Shiro配置中，可以定义角色和权限规则，实现细粒度的...
threejs案例源码资源
12-27
《Three.js VR眼镜Demo源码解析》 Three.js是一个基于WebGL的JavaScript库，它使得在浏览器中创建和展示三维图形变得更为简单。这个“threejs案例源码资源”是利用Three.js技术实现的一个VR眼镜Demo，通过浏览器...
【has been blocked by CORS policy】 解决后端使用spring boot + spring security 框架时的跨域问题
cheendf的博客
08-15 546
在解决问题之前先了解一下什么是CORS， CORS即为了解决浏览器同源问题，W3C 提出的跨源资源共享，即 CORS(Cross-Origin Resource Sharing)。也就是在前后端分离的情况下，后端服务允许前端服务访问自己的资源。CORS 做到了如下两点：不破坏即有规则服务器实现了 CORS 接口，就可以跨源通信所以解决跨域问题的基本思路就是在请求头中加入以上内容：每个header 的值可以根据自己的需求指定，也可以使用 “*” 代替，表示全部通过。
xxx has been blocked by CORS policy；跨域资源共享策略
欧阳方超的专栏
03-24 2806
现象描述 写好的接口部署到了公司内网环境上，交给前端联调时却出现了下面的问题： Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resour...
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested
qq_1316238389的博客
06-27 433
问题描述： 学习菜鸟教程 异步编程 一小节的ajax编程部分，通过ajax请求不到数据，出现的详细错误如下图： 使用环境：Google浏览器 源代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p id="demo1"> 时
解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘
wsaicyj的博客
11-11 2万+
来自一个IP端口的页面（前端项目），要访问另一个IP端口的资源（springboot请求接口），会产生跨域访问。
has been blocked by CORS policy: The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘
qq_59833893的博客
10-18 4812
之后又出现 CORS 头缺少 'Access-Control-Allow-Origin' 跨域问题。原因：项目中设置了双跨域配置导致的问题。删除或注解掉一处，只保留一个。注释掉nginx上的相关配置。
CORS error错误 has been blocked by CORS policy前端请求浏览器出错
qq_41966761的博客
10-14 3万+
问题简述 通过vue的axious拦截全局请求在请求头上加了identify和token字段后，访问后端zuul网关，浏览器出现错误，导致后台接收不了http包的自定义header字段，并不能很好的进行网关的鉴权。 错误如下: Access to XMLHttpRequest at ‘http://127.0.0.1:27000/api/v1/index-infos’ from origin ‘http://’ has been blocked by CORS policy: Request header
Vue解决跨域问错误：has been blocked by CORS policy 后端跨域配置
qyhua的专栏
12-27 1045
【代码】Vue解决跨域问错误：has been blocked by CORS policy 后端跨域配置。
Vue报错has been blocked by CORS policy怎么解决
06-09
出现这个错误是因为浏览器的同源策略（Same Origin Policy）限制，Vue应用在跨域请求数据时被浏览器...以上是解决 Vue 报错has been blocked by CORS policy 的几种方法，具体需要根据项目情况选择合适的方式进行解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值