如何在没有 render() 的情况下将 JSON 数据传递到 pug 模板？

Question

在我的情况下，场景是当我单击一个按钮时，排序值、成本范围和美食类型是通过 JS 代码获得的，然后我从那里发送一个 post axios 请求，然后将数据从客户端传递到服务器端，我使用 controller 来获取这些数据的值，然后我向我的代码中定义的路由发送 axios GET 请求以从数据库中获取信息，我面临的问题是如何从我的服务器到前端 pug 模板，因为当我 use.render() 时它在我的浏览器中显示内部服务器错误，但是当我 use.json() 时，我可以在控制台中看到 output，所以问题出在我的 controller ZC1C425268E6788 ? 所以任何人都可以调查我的问题并提供解决方案

controller 代码是

exports.filter = catchAsync(async (req, res, next) => {
  try {
    let cost = req.query.cost;
    const cuisine = req.body.params.Cuisine;
    const Sort = req.body.params.sort;
    let paramobj = {};
    if (cuisine) {
      paramobj.Cuisine = cuisine;
    }
    if (Sort) {
      paramobj.sort = Sort.toString();
    }
    if (!cost) {
      cost = "";
    } else {
      cost = `?${cost}`;
    }
    const data = await axios.get(
      `http://localhost:3000/api/ver1/restaurant${cost}`,
      {
        params: paramobj,
      }
    );
    const restaurantinloc=data.data.data
    
      res
        .status(200)
        .render("restaurantcard", {
          restaurantinloc,
        });
    
    // .json(restaurantinloc);
  } catch (err) {
    console.log(err);
  }
});

当我使用 res.json(restaurantinloc) 时一切正常，但是当我使用 res.render() 时，我显示内部服务器错误并且不呈现页面