如何将日期时间数组从 vue.js 传递到 ASP.NET Core API？

Question

我的 API 代码

[HttpGet("/GetBusinessDaysWithPublicHolidayDates/")]
public int GetBusinessDays(DateTime startDate, DateTime endDate,[FromQuery] IList<DateTime> publicHolidays)
{
    var noOfDays = _dayCalculatorService.BusinessDaysBetweenTwoDates(startDate, endDate, publicHolidays);

    return noOfDays;
}

我来自 Vue js 代码的 API 调用：

var arr = JSON.stringify(this.publicHolidays);

axios.get('https://localhost:7054/GetBusinessDaysWithPublicHolidayDates', {
    params: {
      startDate: this.startdate,
      endDate:this.enddate,
      publicHolidays:JSON.parse(arr)

URL 以这种格式创建：

https://localhost:7054/GetBusinessDaysWithPublicHolidayDates?publicHolidays[]=2022-06-16T14:39:00.000Z&publicHolidays[]=2022-06-20T14:39:00.000Z

但 API 正在使用此 URL：

https://localhost:7054/GetBusinessDaysWithPublicHolidayDates?publicHolidays=2022-06-16T14:39:00.000Z&publicHolidays=2022-06-20T14:39:00.000Z

如何做到这一点？

Answer 1

您可以使用 JSON.stringify 将日期和时间作为数组传递。

this.$axios.get('/GetBusinessDaysWithPublicHolidayDates/', {
  params: {
    q: JSON.stringify(result)
  }
})

API 调用的 URL 将被创建为

http://localhost:7054/cidade/?q=[value1,value2]