Request header field content-type is not allowed preflight resposnse

最新推荐文章于 2023-12-05 20:22:23 发布
原创 最新推荐文章于 2023-12-05 20:22:23 发布 · 417 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在使用XMLHttpRequest进行跨域请求时遇到的CORS策略限制问题，特别是当预检请求（option请求）失败时，导致POST请求无法正常发送的情况。文章深入解析了CORS的工作原理，并提供了解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

参考：

https://www.cnblogs.com/virtual/p/3720750.html

https://www.cnblogs.com/zhangzs000/p/9662202.html

 

业务中碰到编辑的请求头发送时报错：Access to XMLHttpRequest at 'http://192.168.0.180:899/api/XXXXXXXXXX' from origin 'http://192.168.0.164' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

当ajax发送post请求时会发送一个预检请求option，当预检请求返回成果时才会继续发送post请求。

使用axios的post出现Request header field content-type is not allowed by Access-Control-Allow-Headers问题
Maple_Night的博客
04-20 666
欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片
Request header field Content-Type is not allowed by Access-Control-Allow-Headers
热门推荐
xuedapeng的博客
01-16 8万+
一、问题： 跨域请求中包含自定义header字段时，浏览器console报错。 Request header field xfilesize is not allowed by Access-Control-Allow-Headers 二、原因： 包含自定义header字段的跨域请求，浏览器会先向服务器发送OPTIONS请求，探测该服务器是否允许自定义的跨域字段。 如果允许，则继
Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon
ssorth的博客
01-07 191
var HTTP = axios.create({ baseURL: 'https://..../', // 这是基础url headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, transformRequest: [ function(data) { // Do whatever yo...
Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight res
Miss Dan的博客
12-25 6444
一、问题： 跨域请求中包含自定义header字段时，浏览器console报错。 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response 二、原因： 包含自定义header字段的跨域请求，浏览器会先向服务器发送OPTIONS请求，探测该服务器是...
has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
01-25
其中一个常见的错误是"has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response."，这意味着服务器不允许在预检请求的响应中...
Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
10-27
这个错误通常发生在跨域请求时，浏览器会先发送一个预检请求（preflight request），用于检查实际请求是否可以被服务器接受。在预检请求中，服务器会返回一个Access-Control-Allow-Headers响应头，用于列出允许的...
has been blocked by CORS policy: Request header field x-token is not allowed by Access-Control-Allow-Headers in preflight response.
最新发布
07-26
`has been blocked by CORS policy: Request header field x-token is not allowed by Access-Control-Allow-Headers in preflight response` 这种情况通常发生在发起跨源资源共享 (Cross-Origin Resource Sharing, ...
Request header field Content-Type is not allowed by Access-Control-Allow-Headers跨域
陈万洲的专栏
12-23 6万+
跨域错误提示： XMLHttpRequest cannot load http://xxx.com. Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 解决方案： 例如php服务端程序设置头： header('Access-Control-Allow-Origin: *...
node报错Request header field Content-Type is not allowed by
weixin_30469895的博客
06-06 225
当我在前端进行一个post的跨域请求时，控制台报错Request header field Content-Type is not allowed by Access-Control-Allow-Header。这是因为我在后端设置跨域请求的时候没有所需的请求类型，如图： app.all('*', function (req, res, next) { //响应头指定了...
js Request header field content-type is not allowed by Access-Control-Allow-Headers
qq_36158551的博客
12-05 684
第一次，先发送method为options的请求到服务器，这个请求会询问服务器支持哪些请求方法（get，post等），支持哪些请求头等服务器的支持情况。等到这个请求返回后，如果我们准备发送的请求符合服务器规则，那么才会继续发送第二次请求，否则会在console中报错。当ContentType为application/json，会分两次发送请求。
9.如何解决出现AXIOS的Request header field Content-Type is not allowed by Access-Control-Allow-Headers in pr...
weixin_30527423的博客
04-19 300
问题描述： 由于restful接口需要在头部header传递两个字段： Content-Type: application/jsonAccess-Token: 84c6635800b14e0eba4f7ece65e095a1 但是，在vue.js里面配置： 执行发送的时候出现： 意思是预发请求的时候不通过，不再正式发请求 经过反复的测试，发现，header里面包含自定...
response错误：Request header field Content-Type is not allowed by Access-Control-Allow-Headers in prefl
zpz_326的博客
01-22 1340
response.setHeader("Access-Control-Allow-Origin", "*");           response.setHeader("Access-Control-Allow-Methods", "POST, GET");           response.setHeader("Access-Control-Max-Age", "3600");   
axios.post请求出错：Request header field content-type is not allowed by Access-Control-Allow-Headers in……
道阻且长，行则将至。
10-20 981
axios.post请求出错：Request header field content-type is not allowed by Access-Control-Allow-Headers in…… 报错如下 报错原因：接口不正确Access-Control-Allow-Headers不允许请求报头字段内容类型。 解决办法： 在服务器端设置一下接口，使用post方法是不需要设置headers里面的Content-Type, 使用了post,Content-Type是什么就根据你传入参数的格式 如果传入
跨域方式总结
qq_39897978的博客
12-11 373
一、什么是跨域 跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略(域名、协议、端口)造成的，是浏览器对JavaScript实施的安全限制。 同源策略限制了以下行为： Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去 二、跨域的解决方法 1、jsonp实现跨域（只可以进行get请求） 具体的过程：利用scr...
Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight respon
羊羊羊羊羊羊羊的博客
05-20 886
Access to fetch at ‘http://localhost:3000/books/231’ from origin ‘http://127.0.0.1:5500’ has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response. // 设置允许跨域访问该服务 app.all('*', fu
blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in
Ggome的博客
05-11 6566
原因跨域设置没有设置token名称,将token加入请求跨域请求头里面即可。
ajax跨域post提交json字符串报错Request header field Content-Type is not allowed by Access-Control-Allow-Header
一个真实、有温度的无名小卒
11-16 6077
ajax 跨域提交数据浏览器200报错Request header field...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值