У меня есть сценарий использования, когда мне нужно отправить переменные из 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 в браузере?