Angular 2/4/5 - Establecer base href dinámicamente
Tenemos una aplicación empresarial que usa Angular 2 para el cliente. Cada uno de nuestros clientes tiene su propia URL única, por ejemplo:https://our.app.com/customer-one yhttps://our.app.com/customer-two. Actualmente podemos configurar el<base href...> utilizando dinámicamentedocument.location. Entonces el usuario aciertahttps://our.app.com/customer-two y<base href...> se establece en/customer-two...¡Perfecto!
El problema es si el usuario está, por ejemplo, enhttps://our.app.com/customer-two/another-page y actualizan la página o intentan golpear esa URL directamente, la<base href...> se establece en/customer-two/another-page y los recursos no se pueden encontrar.
Hemos intentado lo siguiente en vano:
<!doctype html>
<html>
<head>
<script type='text/javascript'>
var base = document.location.pathname.split('/')[1];
document.write('<base href="/' + base + '" />');
</script>
...
Lamentablemente, nos hemos quedado sin ideas. Cualquier ayuda sería asombrosa.