Angular 2/4/5 - Definir base href dinamicamente

Question

Jun 30, 2016, 04:14 AM

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.

leaveComments