URL Probleme, wenn href

Question

Schnell Version mit Basis - Was ich glaube, ich will: Wie kann ich angular2 http Service konfigurieren <base href>

Längere Version zu ignorieren - Falls es ein besserer Ansatz ist: In mein Projekt bedienen wir zwei Winkel apps Apache mit:

http://host/index.html - angular 1 
http://host/ng2/index.html - angular 2 

Sie beide den gleichen Endpunkt

http://host/api/foo 

Beide Apps verwenden den gleichen vhost. Die App angular 2 befindet sich unter public/ng2 auf der Festplatte.

Das Problem läuft darauf hinaus, diese nach unten:

Wenn ich: <base href="/ng2/"> die Winkel App lädt in Ordnung. Allerdings werden alle Anfragen an die API mit dem http-Dienst verschmutzt.

http.get('/api/foo/2') goes to http://host/ng2/api/foo 

Meine aktuelle Lösung ist die Basis href <base href="/"> und setzen alle angular2 Dateien außer index.html direkt unter/public einzustellen. (index.html ist immer noch in/public/ng2) Das funktioniert, aber es ist ein Durcheinander.

Was würde ich gerne haben:

• Alle angular2 Dateien in/public/NG2 sind (funktioniert wegen <base href="/ng2/"> oder anderen Apache config)
• Outgoing Anfragen haben nicht NG2 angehängt Sie.
  • zB http.get ('/ api/foo/2') =>http://host/api/foo

Es ist keine Option die URL

Answer 1

Am Ende hart codieren I tat, was Ki Jey vorschlug und benutzte eine absolute URL, um zur API zu kommen.

service.base.ts: 
protected getAbsoluteUrl(relativeUrl : String) : String { 
    return document.location.protocol + "//" + document.location.host + "/" + relativeUrl 
} 

service.ts: 
class service extends BaseService 
    getTheFoo(){ 
    http.get(this.getAbsoluteUrl(foo/2))... 
    }