vueJs中如何对get参数进行封装

vueJs是目前中国市场十分流行的前端框架，我们在自己的项目中也广泛得使用vuejs
vuejs中对axios进行引入使用，有时候我们需要对参数进行重新封装，比如进行使用到的，对get请求的参数进行封装。

例如：我们要传一个数组参数到后台，后台也是数组进行承接，那么这个时候就需要对参数重新进行封装才能让后台接口适应到，下面介绍一种使用qs来对参数进行封装的方法。

• 首先我们要安装qs,使用命令

npm i qs或者npm install qs
//然后引用该组件
import qs from 'qs'

• 引用OK之后对请求类型进行判定
  下面举例如我们将数组进行封装：

  // headers中配置serialize为true开启序列化
  if (config.method === 'post' && config.headers.serialize) {
    config.data = serialize(config.data)
    delete config.data.serialize
  }

if (config.method === 'get') {
  config.paramsSerializer = function(params) {
    return qs.stringify(params, { arrayFormat: 'repeat' })
  }

后台代码

	@TableField(exist = false)
	@ApiModelProperty(value = "日期范围,起始时间和结束时间 formate:yyyy-MM-dd HH:mm:ss")
	private String[] rangeDate;

前端传参

xxx/getlist?rangeDate=xxx&rangeDate=XXX

至此，对get的封装就完成了。
同理，可以对delete，patch方法都进行封装，以达到我们方便传参的目的