将对象传递给 Node JS GET 请求

Question

我正在尝试将一个对象从我的 Angular 应用程序传递给我的 NodeJS 服务器。我可以在客户端很好地读取对象，但不能在服务器端。

这是我的客户端：

var query = {
  date: '9-2-2019',
  size: 4
}

this.http.get<any>(url, {params: {query: query} }).toPromise();

为什么我不能将它传递给我的 Node JS 服务器？

No overload matches this call.

是我的错。

Answer 1

请将{ params: {query: query}} 更改为{params: query} 并将query.size 更改为字符串而不是数字

var query = {
  date: '9-2-2019',
  size: '4'
}


this.http.get<any>(url, {params: query}).toPromise().then(response => {
      console.log(response);
    })
    .catch(console.log);

另类

创建 // utils.service.ts

import { HttpParams } from '@angular/common/http';
// ...
export class UtilsService {
    static buildQueryParams(source: Object): HttpParams {
        let target: HttpParams = new HttpParams();
        Object.keys(source).forEach((key: string) => {
      const value: string | number | boolean | Date = source[key];
            if ((typeof value !== 'undefined') && (value !== null)) {
                target = target.append(key, value.toString());
            }
        });
        return target;
    }
}

然后在你的服务中使用它

import { UtilsService } from '/path/to/utils.service';

var query = {
  date: '9-2-2019',
  size: 4
}

 const queryParams: HttpParams = UtilsService.buildQueryParams(query);


this.http.get<any>(url, {params: queryParams }).toPromise().then(response => {
      console.log(response);
    })
    .catch(console.log);