Angular 5 - La referencia base dinámica está causando la carga duplicada de paquetes | trozos
Estoy usando la versión Angular 5.2 en el proyecto. Estoy configurando la referencia base dinámicamente en index.html para satisfacer las diferentes URL para diferentes clientes.
La URL de la página principal de la aplicación se ve así: -
http://example.com/client1/app/login
http://example.com/client2/app/login
http://example.com/client3/app/login
client1, client2, etc. son directorios virtuales en el IIS.
Cuando ejecuto la aplicación en el navegador, puedo ver desde la ventana de inspección que los fragmentos duplicados se están cargando y haciendo que la página de la aplicación se ralentice.
Una cosa que observé la url de solicitud web de los fragmentos duplicados. digamos script.xxxxxxxxxxxxxxxxxxxxxx.bundles.css.
Primera solicitud web: -https: //example.com/client1/scripts.7186135389ca4b63fab4.bundle.j
Segunda solicitud web (duplicada): -https: //example.com/scripts.7186135389ca4b63fab4.bundle.j
La segunda solicitud web no es deseada. Y no puedo evaluar cómo está surgiendo.
Index.html se ve así en mi proyecto: -
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Web</title>
<link href="/assets/Images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<base id="baseHref" href="/">
<script>
(function () {
if (window.location.hostname !== 'localhost') document.getElementById('baseHref').href = "/" + window.location.pathname.split('/')[1] + "/";
})();
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<app-root></app-root>
</body>
</html>
Por favor, sugiera cómo corregir este problema.