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


相关文章
|
资源调度 JavaScript
|
缓存 JavaScript 搜索推荐
|
前端开发 JavaScript Java
前端解决axios请求的跨域问题【2步完成】
本文介绍如何通过前端配置解决跨域问题,主要针对Vue项目中的`vite.config.js`文件进行修改。作者在联调过程中遇到跨域报错
885 1
|
JavaScript 前端开发 开发者
vue中使用axios请求post接口,请求会发送两次
vue中使用axios请求post接口,请求会发送两次
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
270 2
|
Python
axios的get请求传入数组参数
【10月更文挑战第11天】 当使用 `axios` 发送包含数组参数的 GET 请求时,默认的序列化方式可能与后端(如 Django)不兼容,导致无法正确获取数组参数。解决方案是通过 `paramsSerializer` 指定自定义序列化函数,或使用 `qs` 库来格式化数组参数,确保前后端一致。示例代码展示了如何使用 `qs` 库设置 `arrayFormat` 为 `"repeat"`,以符合 Django 的解析要求。
647 2
|
JSON JavaScript 前端开发
axios的post请求,数据为什么要用qs处理?什么时候不用?
axios的post请求,数据为什么要用qs处理?什么时候不用?
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
262 7