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方法都進行封裝，以達到我們方便傳參的目的