關於umi-request GET請求參數攜帶數組

• 2020 年 10 月 17 日
• 筆記
• React

在使用umi-request時候發現GET傳遞數組，後台在接收時只能接受到最後一個，對此記錄一下。

問題：

// 發送數據：
request(url, { params: { select: [1,2,3] } })

請求的url變成：url?select=1&select=2&select=3這個樣子，php後台就只能接受到select=3
正常url是：url?select[]=1&select[]=2&select[]=3，php後台能正確識別為數組

解決辦法：

// 正常版
import request from '../utils/request';
import { stringify } from 'qs';
export const queryList = async (params) => {
	request(url, {
  		params: { select: [1,2,3] },
  		paramsSerializer: (params) => stringify(params, { arrayFormat: 'brackets' })
	})
}

// 更簡單點的寫法
import request from '../utils/request';
import { stringify } from 'qs';
export const queryList = async (params) => {
  return request(`/api/list?${stringify(params, { arrayFormat: 'brackets' })}`);
}

解決辦法來源自GitHub：原文地址