虽说get请求一般不需要设置content-type这个headers, 但是最近有个需求, get也需要传content-type, 之前并未发现axios有这个东西, 记录一下:
config.data = { unused: 0 }; // 这个是关键点，加入这行就可以了,解决get,请求添加不上Content-Type
service.interceptors.request.use(
config => {
if (config.method === "get") {
config.data = { unused: 0 }; // 这个是关键点，加入这行就可以了,解决get,请求添加不上Content-Type
}
config.headers["Content-type"] = "application/json;charset=UTF-8";
return config;
},
error => {
Promise.reject(error);
}
);
ps:
Content-Type对get请求和post请求的影响
一. GET 请求
GET 请求不存在请求实体部分，键值对参数放置在 URL 尾部，****浏览器把form数据转换成一个字串（name1=value1&name2=value2...），然后把这个字串追加到url后面，用?分割，加载这个新的url。因此请求头不需要设置 Content-Type 字段
非 ASCII 码会自动进行编码转换，例如发送请求：www.bilibili.com?hehe=你的我的
值得一提的是，GET 参数的编码方式是无法人为干涉的，这导致了不同浏览器有不同的编码方式，因此最稳妥的方案是人工预编码，人工解码，从而禁止浏览器编码的干涉
二. POST 请求
Http Header里的Content-Type一般有这三种：
1.application/x-www-form-urlencoded：数据被编码为名称/值对。这是标准的编码格式。默认行为。
会将表单内的数据转换拼接成 key-value 对（非 ASCII 码进行编码）
