이온 2 : 앱 내부에 외부 콘텐츠로드

Question

Ionic을 처음 사용했습니다. 심지어 같은 소스에서,

import { Component } from '@angular/core'; 
import { Http } from '@angular/http'; 

import { NavController } from 'ionic-angular'; 

@Component({ 
selector: 'page-about', 
templateUrl: 'about.html' 
}) 
export class AboutPage { 
    mypage: any; 

    constructor(public navCtrl: NavController, public http: Http) { 
     this.http 
    .get('http://localhost/xampp/') 
    .map(response => response.text()) 
    .subscribe(html => this.mypage = html); 
    } 
} 

모든 URL과 같은 오류로 리드 : 내 타이프 스크립트 파일은 다음과 같다
EXCEPTION: Response with status: 0 for URL: null 오류 이온은 내 PC 또는 휴대 전화에서 봉사에 나타납니다합니다. 내가 해결해야 할 일은 무엇인가? 난 너무 구성 요소로로드 할 생각 "templateUrl : 'somehtml'"하지만, 미래에 내 애플 리케이션에서 일부 json 데이터를로드하고 싶습니다. 고맙습니다.

Answer 1

나는 이것을 직접 해결했다. 이것은 CORS 문제 였지만 이오닉 2에 관한 정보는 거의 발견되지 않았습니다. 답변은 ionic.config.json에 있습니다. 다음 줄을 json 항목에 추가해야합니다.

"proxies": [ 
    { 
     "path": "/virtualfolder", 
     "proxyUrl": "http://www.externalsite.com" 
    } 
    ] 

이제 진짜 문제가 있습니다. 충분히? 아니, 물론. 위로 코드로 돌아가서 나는 다음을 수행해야합니다.

this.http 
    .get('virtualfolder/someresource.html') 
    .map(response => response.text()) 
    .subscribe(html => this.mypage = html); 

외부 리소스를 지정한 경로에 매핑합니다. 그 사실을 알아 차린 후, 그 문제와 관련이없는 몇 가지 문제를 해결해야했지만, 결국 내가 원한 결과를 얻었고, 반 XSS 정책이 얼마나 멋진 것으로 나타났습니다. 희망을 나는 누군가를 도울 것입니다.