在URL中沒有本地主機的情況下調用API

Question

我正在使用openweather API做一個簡單的天氣應用程序。我面臨的問題是，當我調用API時，URL調用爲localhost:4200/api... URL，我必須僅在不使用本地主機的情況下調用API URL。

WeatherService.ts

private _url: string; 

constructor(private http: Http) { 

} 

set url(url: string) { 
    this._url = url; 
} 

getDataForSingleCity(city: string): Promise<any> { 

    this._url = 'api.openweathermap.org/data/2.5/forecast?q=' + city + '&appid=' + key; 

    return this.http.get(this._url) 
        .toPromise() 
        .then(resp => resp.json().data as any) 
        .catch(this.handleErrors); 
} 

的city串得到通過輸入字段通過。

Answer 1

我面臨的問題是，當我調用API的調用網址爲localhost：4200/API ...

原因的網址，您有以下幾點：

this._url = 'api.openweathermap.org/data/2.5/forecast?q=' + city + '&appid=' + key; 

是相對

修復

使用絕對URL：

this._url = 'http://api.openweathermap.org/data/2.5/forecast?q=' + city + '&appid=' + key;