Angulaire 2\4 actifs chemin d'accès des fichiers non trouvés après prod construire

J'ai Angulaire de l'app et j'ai placé une image et de la police personnalisée à l'actif de dossier(src/assets/images/bg.jpg et src/assets/fonts/segoeui.ttf).

J'ai référencé bg.jpg et segoeui.ttf dans le fichier scss, comme suit:

les styles.css:

@font-face {
    font-family: "AppFont";
    src: url("/assets/fonts/segoeui.ttf");
}

@font-face {
    font-family: "AppFont";
    src: url("/assets/fonts/segoeuib.ttf");
    font-weight: bold;
}

html,
body {
    font-family: 'AppFont', Verdana, Geneva, Tahoma, sans-serif;
}

de connexion.scss:

#login {
    background: url("/assets/images/bg.jpg");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
}

Et je suis aussi à l'aide de paresseux les modules chargés. Tout fonctionne comme prévu, le mode de développement(quand je lance ng). Cependant, lorsque je presse une prod de génération (ng build --prod), dist dossier est créé avec tous les js\fichiers css. Si je déplace ces fichiers dans un répertoire virtuel du serveur, les images et les polices stockées dans des actifs sont pointant vers la racine du serveur, au lieu de pointer vers le répertoire virtuel. Par exemple, j'ai le projet situé dans myserver.com/myproject/index.html alors que, cette application se présente pour les images en myserver.com/assets/bg.jpg, au lieu de myserver.com/myproject/assets/bg.jpg . Même problème avec des polices personnalisées. Aucune idée si vous avez rencontré ce problème? Si oui, veuillez me faire savoir comment résoudre ce problème.

Plus tôt, même le construit js\fichiers css ont été référencées à partir de la racine du répertoire et non pas à partir du répertoire virtuel. Pour résoudre ce problème, j'ai changé index.html de <base href="/"> à <base href="./">

Version de détails:

@angular/cli: 1.0.1
node: 6.10.2
os: win32 x64
@angular/common: 4.1.1
@angular/compiler: 4.1.1
@angular/core: 4.1.1
@angular/forms: 4.1.1
@angular/http: 4.1.1
@angular/platform-browser: 4.1.1
@angular/platform-browser-dynamic: 4.1.1
@angular/router: 4.1.1
@angular/cli: 1.0.1
@angular/compiler-cli: 4.1.1

OriginalL'auteur Deepak | 2017-05-24