前端vue后端rest風格：

1.路徑傳參（參數必傳），通過pathvarible注解

后端：

  @DeleteMapping("/{YYIDs}")public R<Void> remove(@NotEmpty(message = "主鍵不能為空")@PathVariable String[] YYIDs) {return toAjax(mB08Service.deleteWithValidByIds(List.of(YYIDs), true));}

前端：傳遞的可以是集合

/*** 刪除MB08* @param YYID*/
export const delMB08 = (YYID: string | number | Array<string | number>) => {return request({url: '/medicaltechnology/MB08/' + YYID,method: 'delete'});
};

2.后端使用@RequestParam注解，為query param傳參

后端代碼：如果要求參數可以為空，需要加上

required = false

 @GetMapping("/getNcisPushLog")public R<List<NcisPushVo>> getNcisPushLog(@RequestParam(required = false) List<String> dateRange){return R.ok(techBeianBingLiDetailService.getNcisPushLog(dateRange));}

前端：必須將參數轉換為,分割的字符串后再傳遞

ts:
export function getNcisPushLog(query:any ) {return request({url: '/medicaltechnology/TechBeianBingLiDetail/getNcisPushLog',method: 'get',params: query});
}
index:
const getList = async () => {loading.value = true;queryParams.value.query=dateRange.value.join(',');const res = await getNcisPushLog(queryParams.value);dataList.value = res.data;loading.value = false;
};

最后還是建議直接放在對象中，在對象中放集合