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);
            })


相关文章
|
8天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
13 2
|
28天前
|
前端开发 API
Axios请求成功和失败时分别执行哪个函数?
Axios请求成功和失败时分别执行哪个函数?
18 1
|
3月前
|
JSON 数据格式
使用axios发送get和post请求
使用axios发送get和post请求
32 0
|
3月前
|
前端开发
Axios request 封装技巧:提升代码复用和效率的步骤
在开发中,为了提高效率,通常对 Axios 进行封装,简化了请求的发送和对响应的处理。同时,统一错误处理机制有助于维护代码的清晰和一致性。本文介绍了一些高效封装 Axios 请求的方法。
Axios request 封装技巧:提升代码复用和效率的步骤
|
5月前
|
前端开发
Axios请求成功和失败时分别执行哪个函数?
Axios请求成功和失败时分别执行哪个函数?
|
5月前
|
JSON JavaScript 前端开发
axios的post请求,数据为什么要用qs处理?什么时候不用?
axios的post请求,数据为什么要用qs处理?什么时候不用?
|
7天前
|
存储 算法 JavaScript
< 今日小技巧:Axios封装,接口请求增加防抖功能 >
今天这篇文章,主要是讲述对axios封装的请求,由于部分请求可能存在延时的情况。使得接口可能存在会被持续点击(即:接口未响应的时间内,被持续请求),导致重复请求的问题,容易降低前后端服务的性能!故提出给axios封装的配置里面,新增一个防抖函数,用来限制全局请求的防抖。
< 今日小技巧:Axios封装,接口请求增加防抖功能 >
|
19天前
axios中的get带参数的请求方法
axios中的get带参数的请求方法
|
22天前
|
JavaScript
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件