SystemJS Typescript-Referenzpfade auf System.import mit einer Anwendung, die der Site hinzugefügt wurde

Question

Ich habe eine URL wie diese: http://www.foo.com/bar/ (Bar ist mein Anwendungsname in IIS für den Zugriff auf diese Anwendung unter der Standardwebsite).

In MVC und Dateien importieren und wie Stylesheets in meinem head-Tag, kann ich normalerweise "~/Content/foo.css" verwenden.

In SystemJS versuche ich meine main.js Datei zu importieren, die in "Scripts/typescript/main.js" befindet, aber ich brauche es in Bezug auf meinen Anwendungsnamen (Balken oben).

Hier ist, was ich jetzt haben:

<script> 
 
    System.config({ 
 
     packages: { 
 
      './Scripts/typescript': { 
 
       format: 'register', 
 
       defaultExtension: 'js' 
 
      } 
 
     } 
 
    }); 
 

 
    System.import('./Scripts/typescript/main.js').then(null, console.error.bind(console)); 
 
    </script>

Das Problem ist, das an der Wurzel sieht, so ist es www.foo.com/Scripts/typescript/main zuzugreifen versucht, .js, wenn ich es wirklich brauche, um auf www.foo.com/bar/Scripts/typescript.main.js zuzugreifen.

Ich möchte den App-Namen nicht fest in meine URL codieren, weil er nicht funktioniert, wenn der Name der App anders ist oder nicht existiert.

Kann mir jemand helfen, damit er weiß, wie er auf den richtigen Pfad zugreifen kann?

Answer 1

Sie müssen die folgende Eigenschaft System.baseURL festlegen.

Sie können es in dem Objekt, das an die Methode config übergeben wird.

System.config({ 
    baseURL: '/foo', 
    packages: { 
     './Scripts/typescript': { 
      format: 'register', 
      defaultExtension: 'js' 
     } 
    } 
});