Question

我是离子2的新手，现在我正试图从主机获取数据但面临此错误。我怎么能克服这个错误。谢谢

我正面临这个错误

XMLHttpRequest cannot load http://example.com/jsondata . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

这是我的打字稿文件

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {Http , Headers} from '@angular/http';
import 'rxjs/add/operator/map'

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
})

export class HomePage {

  url:string;
  data:any[];

  constructor(public navCtrl: NavController , public http : Http) {

    this.getdata();

  }

  getdata(){

    this.url="http://example.com/jsondata";

    this.http.get(this.url).map(res => res.json()).subscribe( res =>{
      console.log(res);
        this.data = res;
    }, err => {
      console.log(err);
    })

  }

}

Answer 1

如果您正在运行离子服务，则问题是您正在尝试访问其他域，而您的浏览器正在阻止它。您可以将插件添加到Chrome浏览器以停止阻止。我使用Allow-Control-Allow-Origin插件。我希望这会有所帮助。

离子2，从服务器获取数据时出错

1 个答案: