javascript - 将服务器数据添加到 index.html

Question

我用 Create React App 构建了一个简单的应用程序.我想在神社模板中注入(inject)一些服务器数据。很明显本地webpack服务器无法解析jinja

<script type="text/javascript">
    window.SERVER_DATA = {
      "company": {{ company|dumps|escapejson }}
    };
</script>

我无权访问 index.html 中的 process.env.NODE_ENV !== "production"。 还有其他我可以使用的标志吗？

或者，我可以使用 try and catch

   try {
     window.SERVER_DATA = __SERVER_DATA__;
    } catch(e) {
      console.info('Development MODE', e)
      window.SERVER_DATA = {};
    }

但这是一个语法错误。

Answer 1

看来最好的办法就是捕获错误

try {
  window.pagedata = __SERVER_DATA__;
} catch(e) {
  console.info('Dev mode');
}

然后

settings_page = render_template('index.html')
return settings_page.replace(
    '__SERVER_DATA__', escapejson(dumps(server_data))
)