has been blocked by CORS policy: Method PUT/DELETE is not allowed by Access-Control-Allow-Methods in

最新推荐文章于 2024-05-30 18:28:21 发布
最新推荐文章于 2024-05-30 18:28:21 发布
阅读量4.5k 收藏 8
点赞数 4
分类专栏： 报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MFWSCQ/article/details/109361126
版权

问题描述：当前位置需要向 B 公司某个接口对接，更改数据，但是他的请求方式是 PUT/DELETE ，然后就出现了如下这个报错：

  跟后端沟通，后端说设置了如下允许所有的请求方式，但是还是跨域报错

Access-Control-Allow-Methods: *

解决方式：后端把 Access-Control-Allow-Methods 重新设置了下，原因应该是这个字段在简单请求的的时候比如get/post用*或者不写都可以，但是当使用 PUT/DELETE 请求的时候，必须明确规定写出来

Access-Control-Allow-Methods: GET,POST,OPTIONS,PUT,DELETE

 

墨语轩
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
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 ...
Allow-CORS_-Access-Control-Allow-Origin_v0.1.2.crx
02-27
CORS or Cross Origin Resource Sharing is blocked in modern browsers by default (in JavaScript APIs). Installing this add-on will allow you to unblock this feature. Please note that, when the add-on ...
Method DELETE is not allowed by Access-Control-Allow-Methods in preflight response
light_guang_IF的专栏
05-11 2201
问题：Access to XMLHttpRequest at 'http://192.168.8.134:8082/lorartu/27' from origin 'http://localhost' has been blocked by CORS policy: Method DELETE is not allowed by Access-Control-Allow-Methods in preflight response. 解决： public class CorsFilter impl.
前后端项目使用method: ‘delete‘请求报错：has been blocked by CORS policy: ...
m0_56233309的博客
09-21 1181
前后端项目使用method: 'delete'请求报错：has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
has been blocked by CORS policy
最新发布
枫叶
05-30 262
cors浏览器访问本地跨域问题
解决has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’报错跨域问题
qq_43605401的博客
08-14 2343
从报错消息看，大致就是跨域，需要添加Access-Control-Allow-Origin；前端端口添加Access-Control-Allow-Origin实在nginx.conf中，而后端端口添加Access-Control-Allow-Origin是在代码中配置代码中加；我的前后端部署到一个服务器上，但是端口不一样，前端9016，后端9018，图片访问的端口也是独立的，为9022（我这个当时有点问题，所以图片没用和后端一样的端口）；需要注意的是，前端端口的地址一定要和vue端口的地址对应。
向请求头添加自定义属性，实现token功能时，出现CORS跨域导致请求失败（ has been blocked by CORS policy: ... No ‘Access-Control-All）
piglite的专栏
06-17 2735
场景：在使用 SpringBoot + Vue 进行前后端分离的开发过程中，部分功能是需要当用户登陆成功时后端（SpringBoot）向前端（Vue）返回一个token值，前端将这个token值放在以后每个请求的请求头中，后端先从拦截器中验证token值的存在，再放行请求，以确保不会被别人恶意修改、删除数据，结果出现了CORS跨域导致请求失败的情况。非简单请求的CORS请求，会在正式通信之前，增加一次HTTP查询请求，称为 “预检” 请求（preflight）。由于在后端拦截器中拦截了所有的请求，
spring boot前端访问出现跨域问题has been blocked by CORS policy
zaq977684的博客
04-06 3612
1、跨域问题has been blocked by CORS policy 解决方法：服务端配置一个跨域类，注意：需要把 .allowedOrigins("*")改成 .allowedOriginPatterns("*")// 允许所有域名 如下： /** * 跨域配置类 */ @Configuration public class CorsConfig { @Bean public WebMvcConfigurer corsConfigurer() {
OurCamera：https：//www.nytimes.com20180315nyregionbike-lane-blocked-new-york.html
02-06
我们的相机 该项目使用Google的TensorFlow Machine学习包来识​​别和分类NYC街道上的车辆类型。 数据图像是从NYC DOT摄像机下载的。 训练数据文件夹包含一系列图像和训练注释。 建立 从安装Tensorflow ...
A novel domain-by-domain survivable mechanism in multi-domain wavelength-division-multiplexing optical networks
02-20
At the same time, survivability is also an important issue in optical networks since the failures of fiber links or network nodes may lead to a lot of traffic being blocked. In this paper, we study ...
cos-nodejs-sdk-v5:腾讯云 COS Nodejs SDK（XML API）
07-23
cos-nodejs-sdk-v5腾讯云 COS Nodejs SDK（）installnpm i cos-nodejs-sdk-v5 --savedemo// 引入模块var COS = require('cos-nodejs-sdk-v5');// 创建实例var cos = new COS({ SecretId: '...
通过配置apache解决跨域问题has been blocked by cors policy
weixin_34187822的博客
11-24 1830
2019独角兽企业重金招聘Python工程师标准>>> ...
Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight respon
ZC97
01-13 135
// 设置允许跨域访问该服务 app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); res.header('Access-Control-Allow-Methods', 'PUT, GET,
Request header field cache-control is not allowed by Access-Control-Allow-Headers in preflight respo
阳水平的博客
05-30 3746
前后端交互的时候，遇到跨域问题，我前端直接使用的是postman里面code代码，然后报错了，原因是我后端允许的header头里面不包含cache-control和postman-token，所以会爆出如下错误： element.style { } user agent stylesheet body { display: block; margin: 8px; }  index...
Vue-cli解决前端跨域问题has been blocked by CORS policy
qq_44174803的博客
02-10 2201
前言 解决前端跨域问题有三种方式可以实现: 1.CORS方式：   这种方式一般和前端人员无关，需要后端人员在服务器中返回支持前端请求的相应头Access-Control-Allow-Origin，从而使得前端浏览器可以直接访问服务器。但是这种解决跨域的方式会导致任何前端都能访问到该服务器上的资源，因此存在较大的危险。 2.JSONP方式：   JSONP解决跨域问题实际上不是一个官方所推出的方式，是程序员们为了解决跨域问题而设计出来的一种方法。其巧妙之处在于使用script标签通过CDN方式来引入需要访问
跨域 has been blocked by CORS policy
热门推荐
LiJianbo_Jon的博客
11-19 5万+
作者：木子云舒 时间：2021年11月19日14:14:02 背景： 之前也会遇到跨域的问题，但是之前一般是前后端自己写，所有很快就解决了。这次遇到跨域，设置了一些参数，但是不生效。也没有搞清楚，究竟跨域是什么，什么情况会出现跨域，怎么验证是否已解决跨域，底层究竟是前端，服务器，浏览器哪一个环节出现了问题。 通过多次试错，加上和几个同事朋友的沟通后，大概知道了是哪里的问题。 所以说搞懂原理比其他都重要，这样才能定位问题，才知道是否解决了。 总结： 跨域，全称跨源资源共享（CORS）。一般是浏览器设置的安全策
gin跨域时Get,Post正常Put，Delete被阻止的问题解决
Ioridy
03-15 1333
问题本身没有什么，但有意思的是过程，因为我先写的服务端，且确定加了跨域的中间件，且在写前端的时候，之前常用的Get和Post访问都没有出现跨域的问题，所以问题出现时，没有第一时间联系到时服务端的问题。同一个项目请求同一个服务时，Get和Post请求正常，但是Put和Delete一直报跨域错误的问题。方法不行，于是去查看服务端的跨域中间件， 发现没有在Header中明确指定。的，所以及时没有明确设置也可以通过，但是其他的方法就需要。网上查了些信息，整体描述是因为Get和Post的方法是。
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ 前后端设置跨域问题解决过程
zhanxiaochu的博客
08-31 3万+
经过多次遇到坑,找了很多资料,有nginx配置,前端页面添加,等但是这些都没有解决遇到问题,下面是本人遇到的情况并解决步骤过程,希望看到对你有所帮助: 开发页面渲染生成海报,并保存 问题原因: 解决过程:1:通过查询诸多资料:nginx代理配置域名新增(这个是大部分建议的结果): location ^~ /third_image/ { add_header 'Access-Control-Allow-Origin' "$http_origin" always;...
用unity作为前台连接.net后台服务器的ashx页面并且返回一个json值
速冻的博客
05-08 363
先说结果 创建一个这样的UI界面 要用Unity实现通讯 code必不可少 新建一个C#script 观摩一下代码 说明 在代码注释当中 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class yftestLogin : M...
has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.
11-23
CORS（跨源资源共享）是一种安全机制，用于限制从一个源加载的资源如何与来自另一个源的资源进行交互。当浏览器检测到请求的源、协议或端口与当前文档不同时，就会发出跨域请求。在这种情况下，服务器必须在响应中添加特定的CORS头部，以允许浏览器访问资源。如果请求头部中包含未经允许的字段，服务器将返回一个CORS错误，其中包含“has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.”的错误消息。 解决这个问题的方法是在服务器端添加允许请求头部的字段。在引用中提供了一个PHP的例子，其中添加了三个头部：Access-Control-Allow-Origin、Access-Control-Allow-Headers和Access-Control-Request-Headers。Access-Control-Allow-Origin头部指定允许访问资源的源，Access-Control-Allow-Headers头部指定允许的请求头部字段，Access-Control-Request-Headers头部指定浏览器在实际请求中发送的请求头部字段。 如果你使用的是axios或ajax进行请求，可以在请求头部中添加Authorization字段，如下所示： ```javascript axios({ method: 'get', url: 'http://example.com', headers: { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' } }) ``` 在这个例子中，我们添加了Authorization和Content-Type字段到请求头部中。如果服务器允许这些字段，请求将被成功处理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值