在使用date-picker组件时
<el-date-picker
size="small"
v-model="dataForm.time"
type="daterange"
align="right"
unlink-panels
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions2">
</el-date-picker>
同时采取
this.$http({
url: this.$http.adornUrl('/tos/edi/ediLog/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'rangeTime': this.dataForm.time
})
的方式向后台提交
在该处选择时间段后向后台提交时出现
Note: further occurrences of HTTP header parsing errors will be logged at DEBUG level.
java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986
的错误,在网上查说是请求参数的问题,在开发者工具中获取到的请求url为
http://localhost:8080/xxxLog/list?t=1551769503850&page=1&limit=10&rangeTime[]=2019-02-26&rangeTime[]=2019-03-05
因此怀疑是否是和这两个rangeTime有关,于是尝试将时间段分开成两个时间向后台传送,即:
this.$http({
url: this.$http.adornUrl('/tos/edi/ediLog/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'beginTime': this.dataForm.time[0],
'endTime':this.dataForm.time[1]
})
问题解决,但是这个报错的原因仍然不是很清楚,只是觉得肯定和url有关,还恳请各位大佬指点一下~