Как передать данные JSON в интерфейс EJS - PullRequest
Новая
       7

Как передать данные JSON в интерфейс EJS

0 голосов
/ 22 сентября 2018

Я пытаюсь передать данные json из бэкэнда в интерфейс ejs, вот мой код: 

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Advanced React Application Example</title>
<script type="text/javascript">
    window.initialData = <%- JSON.stringify(initialData) -%>
</script>
</head>


<body>
<div id="root">
    <%- initialMarkup -%>
        <%- JSON.stringify(initialData) -%>
</div>
</body>
<!-- place the bundle file in th public dir -->
<script src="/bundle.js" charset="UTF-8"></script>

</html>

Я получил синтаксическую ошибку в этом, он сказал, что не может найти initialData, но вчасть тела, данные отображаются без каких-либо проблем.Кто-нибудь может знать, в чем здесь ошибка?

   window.initialData = <% - JSON.stringify(initialData) %>

Ниже приведены мои данные из кода на стороне сервера: 

app.get("/", async (req, res) => {
   const initialContent = await serverRender();
   res.render("index", {
      initialData: initialContent.initialData,
      initialMarkup: initialContent.initialMarkup,

  });
 });

Исходные данные в формате json.Ниже приведен пример данных: 

 {articles: [
  {
    id: "95c12a8f6c88953ca8f8a39da25546e6",
    title: "Introducing React's Error Code System",
    date: "Mon Jul 11 2016 00:00:00 GMT+0000 (UTC)",
    authorId: "2c6aa2cfe3449467d329fa17d6ea230f",
    body:
      "Building"
    }],
    authors: [
        {
          id: "d85577ea34ae50f2dac5347b5219aa23",
          firstName: "Andrew",
          lastName: "Clark",
          website: "https://twitter.com/acdlite"
         }]
     }
...