Angular 2/4/5 - Definir base href dinamicamente
Temos um aplicativo corporativo que usa o Angular 2 para o cliente. Cada um de nossos clientes possui seu próprio URL exclusivo, por exemplo:https://our.app.com/customer-one ehttps://our.app.com/customer-two. Atualmente, podemos definir o<base href...> usando dinamicamentedocument.location. Então o usuário acessahttps://our.app.com/customer-two e<base href...> é definido como/customer-two...perfeito!
O problema é se o usuário estiver, por exemplo, emhttps://our.app.com/customer-two/another-page e eles atualizam a página ou tentam acessar esse URL diretamente, o<base href...> é definido como/customer-two/another-page e os recursos não podem ser encontrados.
Tentamos o seguinte sem sucesso:
<!doctype html>
<html>
<head>
<script type='text/javascript'>
var base = document.location.pathname.split('/')[1];
document.write('<base href="/' + base + '" />');
</script>
...
Infelizmente, estamos sem idéias. Qualquer ajuda seria incrível.