使用 express 在 html 中显示静态 JSON 文件内容

Question

我试图在 html 中显示我的 JSON 文件的内容，使用 express 我所拥有的是这个

const data = require("./data.json");
const express = require("express");
const morgan = require("morgan");
var pug = require("pug");
//import mongoose from "mongoose";
//import port from "./config/config";
//const rutas = require("./routes/index.js");
//const routes = require("./routes");
console.log(data);

const app = express();
var path = require("path");
app.use(morgan("dev"));
app.set("view engine", "pug");
app.set("views", "./src/views");

app.set("port", process.env.PORT || 3000);
// levantar servidor
app.use(express.json()); // for parsing application/json
app.use(express.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencodedapp.set("port", process.env.PORT || _port);
app.use(morgan("dev"));
var datos = [];
datos = JSON.stringify(data);
var newEventList = data.map((data) => ({
  id: data.id,
  nombre: data.nombre,
  categoria: data.categoria,
  chef: data.chef,
  Ingredientes: data.ingredientes.nombre,
  cantidad: data.ingredientes.cantidad,
  preparacion: data.preparacion,
}));

app.get("/", function (req, res) {
  res.render("index", { title: "Hey", message: "Hello there!", newEventList });
});

但我不知道如何将其传递给 html，我正在尝试使用 pug，但我对此也很陌生

非常感谢

Answer 1

将此代码放入您的./src/views/index.pug

index.pug

title=title
p=message
each key in newEventList
   p #{newEventList[key]}