404 未找到（API url 未找到，即使它 100% 存在）答案

【问题标题】：404 not found (API url not found even though it 100% exists)404 未找到（API url 未找到，即使它 100% 存在）
【发布时间】：2021-04-08 12:50:37
【问题描述】：

我正在尝试通过 id 获取产品。现在，当我与邮递员一起尝试时，它工作得非常好，没有任何问题。但是，当我尝试使用 Angular 获取数据时它不起作用，它一直说 404 not found 我不知道问题出在哪里。请有知道的人告诉我。任何帮助将不胜感激。这是我的代码。

express.js：

路线：

router.get("/get-product/:id", async (req, res) => {
  await fetchProductById(req, res);
});

实用程序：

const fetchProductById = async (req, res) => {
  const id = req.params.id;
  const prod = await Product.findOne({_id: id});
  if (prod) {
    if (prod.length == 0)
      res.status(200).json({
        message: "No Products",
        success: true,
      });
    else {
      res.status(200).json({
        prod,
        success: true,
      });
    }
  } else {
    res.status(400).json({
      prod,
      message: "couldn't find any product",
      id: req.id,
      success: false,
    });
  }
};

角度：

现在是角度服务：

getProductById(id: any){
        return this.http.get<Products[]>(
            environment.api + "products/get-product?id="+id
        )
    }

订阅组件内的服务：

    let id = this.route.snapshot.params.id;
    this._product.getProductById(id).subscribe(
      (data: Products[])=>{
        console.log(data)
      },
      error =>  {
        console.log("there has been an error trying to fetch this product: "+id)
      }
    )

【问题讨论】：

标签： javascript node.js express angular11

【解决方案1】：

您使用了查询参数而不是 url 参数。应该是"products/get-product/"+id:

getProductById(id: any){
        return this.http.get<Products[]>(
            environment.api + "products/get-product/"+id
        )
    }

【讨论】：