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

最新推荐文章于 2023-12-05 20:22:23 发布

芦苇690

最新推荐文章于 2023-12-05 20:22:23 发布

阅读量523

点赞数

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

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

版权

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

摘要由CSDN通过智能技术生成

服务器端脚本

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

分享到新浪微博

扫一扫

专栏目录

记使用axios跨域(头允许)问题Access-Control-Allow-Headers

零杠六

06-08

1万+

记使用axios跨域(头允许)问题Access-Control-Allow-Headers

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请求，探测该服务器是否允许自定义的跨域字段。如果允许，则继

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

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

qq_36158551的博客

12-05

544

第一次，先发送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 + "/...

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

Lawless

01-02

3113

错误如上图。翻译过来就是：访问控制允许标题不允许使用请求标题字段内容类型。要么是自己设置的请求头信息不对，要么就是重复设置导致覆盖出错。检查自己在前后台交互的时候设置的请求头的相关信息，不要重复设置请求头信息(例如以下): 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

5499

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...

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

風的博客

05-17

7087

当我在前端进行一个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

6088

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

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

DomCode

06-27

1659

在向用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请求会遇到这个问题，起初我也是困惑很久，虽然页也知道

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

RogerQianpeng的博客

10-30

4002

问题描述在向用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 Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon

yumihe

08-21

505

跨域请求中，浏览器报错： Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. 分析：包含自定义header字段的跨域请求，浏览器会先向服务器发送OPTIONS请求，判断该服务器是否允许自定义的跨域字段。如果允许，则继续实际的POS...