Axios GET 不能设置Content-Type

最近在与后端的项目对接中，接口工具使用了axios这个东西。怎么说那，反正有很多坑，在后端的请求中要设置GET 请求中要设置header中的Content-Type为application/json; charset=utf-8

我目视了两秒钟很简单的嘛

var $http  = axios.create({baseURL: url,headers: {'Content-Type': 'application/json; charset=utf-8'}...
})

洒洒水啦，是不是很容易

然后。。然后。。我艹what fuck，一看请求中header中没得这个玩意儿，但是除了Content-Type都是可以设置的

此时此刻一万句mmp要将，百度一大推也都没啥用

然后本人就去读了一哈源码，npm包中的源码 axios/lib/xhr.js，写了什么，我艹他写了什么

118------129行

    // Add headers to the requestif ('setRequestHeader' in request) {utils.forEach(requestHeaders, function setRequestHeader(val, key) {if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {// Remove Content-Type if data is undefineddelete requestHeaders[key];} else {// Otherwise add header to the requestrequest.setRequestHeader(key, val);}});}

然后看这个if判段, 哔了狗了

然后就有那么几个解决办法，下面我写一写哈

方法一

    //修改这段代码// Add headers to the requestif ('setRequestHeader' in request) {utils.forEach(requestHeaders, function setRequestHeader(val, key) {//if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {// Remove Content-Type if data is undefined//delete requestHeaders[key];//} else {// Otherwise add header to the requestrequest.setRequestHeader(key, val);//}});}

好了，行了行了，现在可以了

方法二
我们不能随随便便改人家的npm包啊，万一下次别人安装的时候那不是又要去改，咋办呢，看下面这个方法

var $http
// 添加一个新的axios实例
$http = axios.create({baseURL: url,headers: {'Content-Type': 'application/json; charset=utf-8'}
})
// 添加请求拦截器
$http.interceptors.request.use(function (config) {// 在发送请求之前做些什么// 随便写个值 绕过if判段if (config.method == 'get') {config.data = true}config.headers['H-TOKEN'] = '111'return config;
}, function (error) {// 对请求错误做些什么return Promise.reject(error);
});

现在哥哥告诉你，随便在get请求中设置header那还不是简简单单的事情

axios这么做的原因，是因为GET请求本身是不需要Content-type,塔属于简单请求

现在去官网提个bug看看他们会采纳

Axios GET 不能设置Content-Type相关推荐

eclipse 设置 content type 编码格式
前言 Eclipse Version: 2019-12 (4.14.0) 操作打开Preferences.菜单路径为:Window–> Preferences 在搜索框中输入:content ...
阿里云存储OSS中设置上传文件content type
阿里云存储OSS中设置上传文件ContentType 如果你使用浏览器上传文件,则浏览器会自动在header中设置正确地content type,然后对文件的访问会得到正确地回应. 如果采用编程的方式 ...
Spring Boot——[Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported]解决方案
问题描述 2020-02-13 19:32:04.322 WARN 109508 --- [p-nio-80-exec-4] .m.m.a.ExceptionHandlerExceptionResol ...
Sharepoint学习笔记—Site Definition系列-- 2、创建Content Type
Sharepoint本身就是一个丰富的大容器,里面存储的所有信息我们可以称其为"内容(Content)",为了便于管理这些Conent,按照人类的正常逻辑就必然想到的是对此进行&q ...
“Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“解决方法
项目接口返回 code: 500 data: null message: "Content type 'application/x-www-form-urlencoded;charset=U ...
Sharepoint学习笔记—ECM系列—1 Content Type Syndication
我们可以通过Content Type Syndication来实现在Sharepoint Farm内的不同Site Collection之间共享内容类型(Content Types).也就是说,管理员 ...
javax.ws.rs.NotSupportedException: Cannot consume content type
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 报错如题:javax.ws.rs.NotSupportedException: Cannot con ...
SharePoint2010 内容类型剖析(Content Type/ 內容類型)
原文地址:http://sharepoint410.wordpress.com/2011/01/06/sharepoint2010-%E5%86%85%E5%AE%B9%E7%B1%BB%E5%9E% ...
Sharepoint学习笔记—ECM系列—找不到Content Type Publishing链接
在调试Sharepoint2010内容管理部分时进入到某网站集的管理界面,发现找不到Content Type Publishing链接.于是就有了下面的知识点并不是所有的Site Template都 ...
Error while extracting response for type [class xxx] and content type application/xml;charset=UTF-8
强烈推荐一个大神的人工智能的教程:http://www.captainbed.net/zhanghan [前言] 最近在用restTemplate进行一次http请求时发现了报错(Error whil ...

Axios GET 不能设置Content-Type

Axios GET 不能设置Content-Type相关推荐

最新文章

热门文章