如何將日期時間數組從 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]