Vue中结合axios全局使用qs详细说明

简述qs

在Vue + elementui 的项目中,请求数据使用axios发送请求发现后端接收不到参数,需要把参数序列化。
Vue中提供了qs这个插件，可以进行数据序列化。

qs安装依赖

根据实际情况选择其中一种方式下载安装即可

npm install qs 
或
cnpm install qs (安装了淘宝镜像的才可以使用)

全局引入

在main.js文件中引入qs

//在main.js引入qs
import  qs from 'qs'

//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象
 Vue.prototype.$qs = qs

1.qs.parse()

qs.parse()是将URL解析成对象的形式

2.qs.stringify()

qs.stringify()将对象 序列化成URL的形式以&进行拼接

3.前者是采用JSON.stringify(param)进行处理，后者是采用Qs.stringify(param)

{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}

uid=cs11&pwd=000000als&username=cs11&password=000000als