使用axios的post出现Request header field content-type is not allowed by Access-Control-Allow-Headers问题

最新推荐文章于 2025-04-19 21:48:24 发布

芦苇690

最新推荐文章于 2025-04-19 21:48:24 发布

阅读量648

点赞数

分类专栏：前端学习文章标签： php post ajax

本文链接：https://blog.csdn.net/maple_night/article/details/115909020

版权

在使用axios进行POST请求时遇到'Request header field content-type is not allowed'问题，该问题并非跨域导致，而是POST请求参数格式设置不正确。通过引入qs库处理参数，将原本的参数格式化，可以成功解决此问题并获取到结果。

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

服务器端脚本

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");`

public function update(){
   
    echo

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

芦苇690

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【VUE】解决“Request header field content-type is not allowed by Access-Control-Allow-Headers”问题

RogerQianpeng的博客

10-30

4112

问题描述在向用nodejs快速搭建的mock服务器发送请求时出现“Request header field content-type is not allowed by Access-Control-Allow-Headers”报错。问题解决在request配置中添加请求拦截器即可 import qs from 'qs' // 添加请求拦截器 service.interceptors.request.use((config) => { //在发送请求之前做某件事 if(confi

Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight respo

达拉崩巴斑得贝迪卜多比鲁翁_

06-29

7091

在axios请求中出现：问题描述：如下图展示，在请求接口的时候，第一个接口返回200，但是第二个接口却返回0。上图是请求日本的域名，然而请求国内的域名是没有问题的。下面对比一下日本预检请求截图代码里设置了header 的请求截图（会报CORS错误）设置header信息的代码注释掉重新请求对比之后不难发现，多了一个Authorization 然后看一下nginx里请求头部的配置发现是没有允许Authorization的。由于接口需要在头部header传递Authori

参与评论您还未登录，请先登录后发表或查看评论

axios.post请求出错：Request header field content-type is not allowed by Access-Control-Allow-Headers in……

道阻且长，行则将至。

10-20

973

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是什么就根据你传入参数的格式如果传入

深入理解 HTTP POST 请求中的 Header、Data、Body、JSON 和 Params

热门推荐

xuedapeng的博客

01-16

8万+

一、问题：跨域请求中包含自定义header字段时，浏览器console报错。 Request header field xfilesize is not allowed by Access-Control-Allow-Headers 二、原因：包含自定义header字段的跨域请求，浏览器会先向服务器发送OPTIONS请求，探测该服务器是否允许自定义的跨域字段。如果允许，则继

js Request header field content-type is not allowed by Access-Control-Allow-Headers

qq_36158551的博客

12-05

665

第一次，先发送method为options的请求到服务器，这个请求会询问服务器支持哪些请求方法（get，post等），支持哪些请求头等服务器的支持情况。等到这个请求返回后，如果我们准备发送的请求符合服务器规则，那么才会继续发送第二次请求，否则会在console中报错。当ContentType为application/json，会分两次发送请求。

解决：Request header field Content-Type is not allowed by Access-Control-Allow-Headers

愿我如星君如月 ... 夜夜流光相皎洁 ...

12-20

2万+

1. 前端 vue 工程 post 请求后端接口，报错： Request header field Content-Type is not allowed by Access-Control-Allow-Headers 前端请求方式： this.$ajax({ method: "post", url: this.GLOBAL.BASE_URL + "/...

axios请求报错Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response

09-07

当使用axios发起跨域请求时，如果服务器返回了一个预检请求（ Preflight Request，也称为OPTIONS请求），并且`Access-Control-Allow-Headers`头信息中未包含`access-control-allow-origin`，这将导致前端收到错误，...

vue中axios请求request header field content-type is not allowed by access-con

05-25

res.header("Access-Control-Allow-Headers", "Content-Type"); res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); next(); }); app.get('/test', function (req, res) { res.send...

Request header field content-type is not allowed by Access-Control-Allow-Headers(请求头设置问题)

Lawless

01-02

3318

错误如上图。翻译过来就是：访问控制允许标题不允许使用请求标题字段内容类型。要么是自己设置的请求头信息不对，要么就是重复设置导致覆盖出错。检查自己在前后台交互的时候设置的请求头的相关信息，不要重复设置请求头信息(例如以下): res.header('Access-Control-Allow-Headers', 'Content-Type'); res.header('Access-C...

Request header field content-type is not allowed by Access-Control-Allow-Headers（请求头设置问题）

icemwj的博客

08-07

5972

fetch跨域post请求报错Request header field Content-Type is not allowed by Access-Control-Allow-Header

風的博客

05-17

7164

当我在前端进行一个post的跨域请求时，控制台报错Request header field Content-Type is not allowed by Access-Control-Allow-Header。这是因为我在后端设置跨域请求的时候没有所需的请求类型，如图：app.all('*', function (req, res, next) { //响应头指定了该响应的资源是否被允许与给定的...

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight res

Miss Dan的博客

12-25

6428

一、问题：跨域请求中包含自定义header字段时，浏览器console报错。 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response 二、原因：包含自定义header字段的跨域请求，浏览器会先向服务器发送OPTIONS请求，探测该服务器是...

ssm+vue 使用shiro后 post请求报错 Request header field Content-Type is not allowed by Access-Control-Allow-H

Honins的博客

09-26

2185

ssm+vue 使用shiro后 post请求报错 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. 出现的问题当我发送post请求时，控制台就报错这个，很明显这个是跨域的问题。但是问题是我的跨域肯定是没有问题的，已经使用了这么多天，使...

【Vue】解决“Request header field content-type is not allowed by Access-Control-Allow-Headers”问题

DomCode

06-27

1765

在向用nodejs快速搭建的mock服务器发送请求时出现“Request header field content-type is not allowed by Access-Control-Allow-Headers”报错

Error :Request header field Content-Type is not allowed by Access-Control-Allow-Headers post请求失败原因

lsongh的博客

04-18

1万+

Error :Request header field Content-Type is not allowed by Access-Control-Allow-Headers 后台框架：Spring Mvc JS框架：angular Js/JQuery 解决的问题：1-头部请求失败；2-跨域我是用angular js 进行post请求会遇到这个问题，起初我也是困惑很久，虽然页也知道

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon

12-07

3万+

今天在写一个项目的时候出现了一个很莫名其妙的问题,除了post请求其他的请求都可以调通,在使用post的时候，总是报以下错误。因为在请求的header中出现以下问题：后端是我用php撸的部署在nginx上，错误原因应该是php中post请求的cors机制。。解决方法如下:第一种：在php代码中加上Yii::$app->getResponse()->headers->set(‘Access-C