ajax 报错 Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon

转载https://www.cnblogs.com/caimuqing/p/6733405.html

问题描述：

由于restful接口需要在头部header传递两个字段：

Content-Type: application/json
Access-Token: 84c6635800b14e0eba4f7ece65e095a1

但是，在vue.js里面配置：

执行发送的时候出现：

意思是预发请求的时候不通过，不再正式发请求

经过反复的测试，发现，header里面包含自定义字段，浏览器是会先发一次options请求，如果请求通过，则继续发送正式的post请求，而如果不通过则返回以上错误

那这样就只能在服务端配置options的请求返回，代码如下：

  // TODO 支持跨域访问response.setHeader("Access-Control-Allow-Origin", "*");response.setHeader("Access-Control-Allow-Credentials", "true");response.setHeader("Access-Control-Allow-Methods", "*");response.setHeader("Access-Control-Allow-Headers", "Content-Type,Access-Token");response.setHeader("Access-Control-Expose-Headers", "*");if (request.getMethod().equals("OPTIONS")) {HttpUtil.setResponse(response, HttpStatus.OK.value(), null);return;}

上面代码需要加入允许的头部，content-type和access-token，并且判断请求的方法是options的时候，返回ok（200）给客户端，这样才能继续发正式的post请求。

修改之后成功发了post请求。

PS：

看了网上这么多解释，基本都用不到，关于AXIOS自定义头部字段的问题，貌似只有上述方法能够解决

ajax 报错 Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon相关推荐

报错Content type ‘multipart/form-data；boundary=----WebKitFormBoundaryTz0sivpVO7U0H70m；charset=UTF-8‘ n
最近在做一个图片上传,遇到这了这种情况,在入参 body 中同时传入文件和其它参数信息结果出现如题异常. 特别在此记录解决办法,以供大家参考. method="post"必须事po ...
Springboot 报错Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported
SpringBoot错误解决 1.错误展示 2021-03-23 12:20:02.805 ERROR org.springframework.web.HttpMediaTypeNotSupporte ...
SAP WM初阶LQ02报错 - Movement Type 901 for manual transfer orders does not exist -
SAP WM初阶LQ02报错 - Movement Type 901 for manual transfer orders does not exist - SAP WM模块里的事务代码LQ02很有用 ...
ios ajax报错404,ajax 报错 axios正确
ajax 报错 axios正确 [2021-01-28 03:39:02] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace(" ...
SAP QM 执行事务代码QP01，系统报错 -Material type FOOD is not defined for task list type Q-
SAP QM 执行事务代码QP01,系统报错 -Material type FOOD is not defined for task list type Q- 商品主数据755,物料类型是FOOD,基 ...
SAP WM自动创建TO后台作业报错 - Processing Type没有维护 - 之对策
SAP WM自动创建TO后台作业报错 - Processing Type没有维护 - 之对策笔者所在的D项目上,需要设置自动创建TO的后台作业.笔者为程序RLAUTA10定义了变式,然后设置了后台作 ...
python 报错 AttributeError: type object ‘datetime.datetime‘ has no attribute ‘datetime‘
python报错:type object 'datetime.datetime' has no attribute 'datetime' 描述:在第一个python程序里还未报错,第二个程序完全复制过 ...
ios打包报错:User interaction is not allowed
为什么80%的码农都做不了架构师?>>> ##问题 ios命令行打包sign报错 User interaction is not allowed. Command /usr/b ...
jmeter报“msg“:“Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“的解决方法
jmeter报"msg":"Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supp ...
java argument type mismatch_解决mybatisplus插入报错argument type mismatch的问题
今天使用argument type mismatch发现插入的时候报错 java.lang.IllegalArgumentException: argument type mismatch 从错误中看 ...

ajax 报错 Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon

ajax 报错 Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon相关推荐

最新文章

热门文章