axios 的 qs库

1.axios官网中提到的qs库

axios官网

2. content-type和 参数 的关系

• content-type : application/json，要求的参数格式是JSON

{
	a:c,
	b:d
}

• content-type :application / x-www-form-urlencoded 要求的参数格式是键值对拼接的方式 :key=value&key=value

	a=c&b=d

设置了application / x-www-form-urlencoded，但是浏览器发送请求的时候，发现请求头是application/json

查到的解释

• 浏览器出于自我保护，根据参数的格式自动转化了content-type
• axios是根据参数的格式设置content-type的
• 就是需要我们这边把参数的格式给改成对应的数据格式

3.什么是qs库？

将url中的参数转为对象；将对象转为url参数形式；

	let obj1 = qs.parse('a=c'); // {a:'c'}
	let obj2 = qs.parse({a:c,b:d}); // a=c&b=d

中文文档

4.在axios中qs的使用

• 为post请求
• content-type为 application/json

5.引入qs

2.1 qs 安装
npm install qs / cnpm install qs (安装了淘宝镜像的才可以使用)
 
2.2 qs 全局引入
 
//在main.js引入qs
import  qs from 'qs'
//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象
 Vue.prototype.$qs = qs