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

Posted 王同学要努力

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in……相关的知识,希望对你有一定的参考价值。

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……的主要内容,如果未能解决你的问题,请参考以下文章

axios发送请求

axios网络请求

vuejs axios实现跨域http请求接口

Axios POST 有效,但 axios.create POST 生成 400 Bad Request Error

Axios POST 方法:405 方法不允许

axios中怎么传数组