如何在浏览器中将javascript变量从Angular Universal Server发送到Angular应用

Question

我有一个用例，我需要将变量从Angular Universal Server发送到Angular应用程序，以便可以在浏览器中确定基本URL。我正在使用Node Express服务器。

这是我要在server.ts文件中执行的操作：

const BASE_URL = process.env.BASE_URL || 'https://my-base-url';

app.get('*', (req, res) => {
  res.render('index.html', { baseUrl: BASE_URL });
});

我想访问baseUrl文件中的index.html，例如：

<script type="application/json" id="global-settings">
  {
    "BASE_URL": {{{ toJson baseUrl }}}
  }
</script>

，然后在其中一项服务中：

onst globalSettingsHTMLElement: Element = window.document.querySelector('#global-settings');

这实际上没有用。我该如何进行这项工作？我工作的地方使用Angular Universal。还有其他方法可以将服务器中的变量发送到浏览器中的Angular应用程序吗？