如何发送带参数的 GET 请求答案

【问题标题】：how to send GET request with parameter如何发送带参数的 GET 请求
【发布时间】：2019-10-18 09:24:14
【问题描述】：

我正在构建一个简单的 MEAN 应用程序，但在使用 GET 方法时遇到了一些问题。

我在我的 mongo 集合中插入了一些数据，现在我想获取所有将其 Id 作为参数传递的结果，但 angular 正在返回以下内容：

我搜索了 headers 和 httpParams，但似乎找不到解决方案。我也在邮递员上进行了测试，使用 Get 并将正文作为 JSON 传递，它有效，我在从角度发送它的正文时遇到了麻烦

这是我的代码：

角度服务

  import { Injectable } from '@angular/core';
  import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
  import { Observable } from 'rxjs';
  import { map } from 'rxjs/operators';

  @Injectable({
    providedIn: 'root'
  })
  export class WebService {
    public api = "http://localhost:3000/";
    //NODE API
    public getRate(param: any){
      console.log(param);
      return this.http.get(this.api + "api/rate", {_id: param})
    }
}

NodeJs 函数

        module.exports.countVotes = function(req, res) {

        console.log(req.body._id);

        VoteModel.find({movie_id: req.body._id}, (err, rate) => {
            if(err){
                console.log('rate not found', err)
                return res.status(404).json({
                    message: 'failed to get movie rate'
                })
            } else {
                res.status(200).json(rate);
                console.log(rate);
            }
        })
    }

Node 在调用时将 req.body 返回为未定义。我错过了什么？请有人帮助我。

【问题讨论】：

angular.io/guide/http#url-parameters, angular.io/api/common/http/HttpClient#get
GET 请求没有正文。

标签： node.js angular

【解决方案1】：

它不起作用，因为 GET 请求没有请求正文。您可以尝试使用带有请求正文的 POST 请求或将 id 作为请求参数或路径变量传递给 GET 请求。

【讨论】：

【解决方案2】：

你必须在 http.get 中传递一个 HttpPrams 的实例 -

import { Injectable } from '@angular/core';
  import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
  import { Observable } from 'rxjs';
  import { map } from 'rxjs/operators';

  @Injectable({
    providedIn: 'root'
  })
  export class WebService {
    public api = "http://localhost:3000/";
    //NODE API
    public getRate(param: any){
      let params = new HttpParams().set('_id', param);
      console.log(param);
      return this.http.get(this.api + "api/rate", { params: params })
    }
}

【讨论】：