2016-12-02 1 views
1

Ich habe eine bestehende ASP.NET MVC-Website. www.foo.com Ich möchte mit Angular2 ein ganz neues Subsystem unserer Seite erstellen und möchte es unter www.foo.com/NewSubSystem finden.Wie setze ich Angular2 cli baseurl für eine neue Website?

Ich habe den Angular2 Cli von https://cli.angular.io/ heruntergeladen. Wenn ich von der Kommandozeile ausgeführt

ng build -dev 

Die Ausgabe ist die Javascript-Skript alles

in der Datei index.html Tags suchen hat
<script type="text/javascript" src="inline.bundle.js"></script> 

<script type="text/javascript" src="styles.bundle.js"></script> 

<script type="text/javascript" src="main.bundle.js"></script> 

Ich brauche die scr = "www.foo.com/ NewSubSystem/inline.bundle.js“

ANMERKUNG: ich habe versucht, die baseURL im tsconfig.json

"compilerOptions": { 
    "baseUrl": "www.foo.com/NewSubSystem" 
} 
zu aktualisieren

aber das scheint keinen Unterschied zu machen.

Alle Vorschläge oder Hinweise wären nett. Danke

Antwort

1

Setzen Sie die Index-Datei basefref base href = "NewSubSystem /" Dann nur Code wie seine Wurzel. I Zurücksetzen des baseref dist/mit Javascript erfasste aktualisieren

+0

herausgefunden, was mein Problem war ... Ich hatte Knoten v6.4.1 und ich brauchte Knoten v6.9.1. Mit der neuesten Knotenversion erstellt ng build --base-url "NewSubSystem" die korrekte Zuordnung. – Sean

+0

Ich möchte eingeben ng build --base-href NewSubSystem/ – Sean

+0

Danke für den Kommentar. Ich bin auf Knoten 6.3 und wundere mich, warum alles auf h *** ging. Es sieht so aus, als müsstest du den Wurf 24/7 gucken oder du wirst kein Glück haben :( – DanPride

0

ändern index.js Dateien mit webpack

<base href="/<you base url>/"> 

, wenn Sie arbeiten an der env abhängig: Sie sollten auch die Datei config aktualisieren/webpack common.js, damit der Inhalt Ihres Inhalts-Ordners von Ihrem neuen baseurl gehostet werden kann.

... 
    const METADATA = { 
    title: 'ng2-admin - Angular 2 Admin Template', 
    description: 'Free Angular 2 and Bootstrap 4 Admin Template', 
    baseUrl: '/<you base url>/', 
    isDevServer: helpers.isWebpackDevServer() 
}; 
..... 
Verwandte Themen