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

Question

我有一个使用Create React App构建的简单应用程序 。 我想在jinja模板中注入一些服务器数据。 显然本地webpack服务器无法解析jinja

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

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

或者，我可以使用try和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))
)