Angular查询构建器条件如何创建HTTP参数

Question

我正在Angular 8中为前端构建一个Web应用程序，该应用程序将请求发送到NodeJS 12和MongoDB 4 / Mongoose 5中的（单独的）API后端。

我目前正在满足建立高级搜索页面的要求，该页面允许用户通过构建“和” /“或”条件来构建搜索查询。

Angular 2 query builder插件似乎是前端客户端查询构建器的一个很好的起点。这是a stackblitz demo of the plugin。

问题：客户端以JSON格式进行查询，如何构造URL查询参数来创建HTTP GET请求？

这是由查询生成器插件生成的简单查询的示例。请注意需要多个级别的“嵌套”条件。

{
  "condition": "and",
  "rules": [
    {
      "field": "Brief_D_Reactiedatum",
      "operator": "!=",
      "value": "Eventtoets_Fn"
    },
    {
      "condition": "or",
      "rules": [
        {
          "field": "Alleen_AO",
          "operator": "=",
          "value": "Parkeerreden"
        }
      ]
    }
  ]
}