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

  • 如果传入的是对象:它就变成application/json的形式
  • 如果传入的是字符串:它就变成application/x-www-form-urlencoded的形式
  axios.post("https://www.imooc.com/api/http/json/search/suggest?word=js", {username: 'Cai',age: 19}).then(response => {console.log(response);}).catch(err => {console.log(err);})

axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in……相关推荐

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

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 前端 vue 工程 post 请求后端接口,报错: Request header field ...

  2. Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight respon

    一.问题: 跨域请求中包含自定义header字段时,浏览器console报错. Request header field xfilesize is not allowed by Access-Cont ...

  3. Request header field xxx is not allowed by Access-Control-Allow-Headers in preflight respon

    调试时发现低版本的WebView无法请求跨域接口 请求信息如下: Request Method:OPTIONS Status Code:200 OKAccess-Control-Allow-Heade ...

  4. 解决Request header field XXX is not allowed by access-control-allow-headers in preflight response

    问题 Access to XMLHttpRequest at 'http://B.com/path/a' from origin 'http://A.com' has been blocked by ...

  5. 完美解决nginx跨域问题Request header field x-token is not allowed by Access-Control-Allow-Headers in prefligh

    Access-Control-Allow-Headers 响应首部 Access-Control-Allow-Headers 用于 preflight request (预检请求)中,列出了将会在正式 ...

  6. Request header field token is not allowed by Access-Control-Allow-Headers in preflight response

    之前开发vue项目时,需要在请求头里添加一个token字段,开发的时候都正常,等到部署到正式环境发现很多版本比较低的chorme浏览器都报错,错误如下: XMLHttpRequest cannot l ...

  7. Request header field Content-Type is not allowed by Access-Control-Allow-Headers跨域

    跨域错误提示: XMLHttpRequest cannot load http://xxx.com. Request header field Content-Type is not allowed ...

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

    错误如上图.翻译过来就是:访问控制允许标题不允许使用请求标题字段内容类型.要么是自己设置的请求头信息不对,要么就是重复设置导致覆盖出错. 检查自己在前后台交互的时候设置的请求头的相关信息,不要重复设置 ...

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

    在axios请求中出现: 问题描述: 如下图展示,在 请求接口的时候,第一个接口返回200,但是第二个接口却返回0. 上图是请求日本的域名,然而请求国内的域名是没有问题的. 下面对比一下日本预检请求截 ...

最新文章

  1. IT规划的企业应用实践(6)研究背景 之 企业信息化建设的诉求
  2. OSI第七层:应用层功能及介绍
  3. php docker开发环境,使用Docker的PHP开发环境
  4. halcon知识:差分模板variation_model
  5. cmake 生成vc 项目文件
  6. java 对增删该查进行测试_java连接mysql增删改查测试通过
  7. TabActivity中的Tab标签详细设置
  8. OAuth 2.0初学者指南
  9. [Err] 22007 - [SQL Server]从 nvarchar 数据类型到 datetime 数据类型的转换产生一个超出范围的值。
  10. for i in range什么意思_python迭代和解析——range、map函数
  11. mysql 空值处理
  12. win10计算器rsh_如何打开win10计算器 教你打开win10计算器的方法
  13. 程序员坐行李箱迎寒风编码 2 小时,目击者:激励我写了一篇论文!
  14. C语言运算符的优先级大全
  15. MYSQL多表联合查询排序
  16. 把图片按照图片名字分到不同的文件夹中
  17. 易经中的企业管理思想[转帖] 来源: 中大管理论坛 梁育民
  18. 营销理论扫盲贴:4P/4C/4R/4S
  19. 设计模式之业务实战培训
  20. Windows中d3dx9_24.dll丢失解决

热门文章

  1. CentOS7单独安装Apache Bench压力测试工具
  2. Spring Bean生命周期-obtainFreshBeanFactory(三)
  3. shell编程快速入门及实战
  4. C#中的程序集和命名空间
  5. 网上的很多Android项目源码有用吗?Android开发注意的地方。
  6. 浅谈移动Web开发(上):深入概念
  7. 【图文详解】,cisco,***配置
  8. 【ubuntu】安装qemu
  9. java小学毕业学的会吗_Java的一些概念
  10. Redis07-对象结构体redisObject