Question

您能告诉我为什么我无法访问API服务吗？当我在浏览器或Postman上输入它时工作正常。为什么它不能与ionic2提供商一起使用？

提供者：

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class EventData {
  data: any;

  constructor(public http: Http) {

  }

  getEventList(): any {
    if (this.data) {
      return Promise.resolve(this.data);
    }

    return new Promise(resolve => {
      this.http.get('https://mylink.com/admin/index.php?route=api/event')
        .map(res => res.json())
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });
    });
  }

}

例外：

error_handler.js：54 EXCEPTION：状态响应：302找到网址：https://www.mylink.com/admin/index.php?route=api/event ErrorHandler.handleError @ error_handler.js：54 IonicErrorHandler.handleError @ ionic-error-handler.js：58 next @ application_ref.js：348 schedulerFn @ async.js：93 SafeSubscriber .__ tryOrUnsub @ Subscriber.js：223 SafeSubscriber.next @ Subscriber.js：172 Subscriber._next @ Subscriber.js：125 Subscriber.next @ Subscriber.js：89 Subject.next @ Subject.js：55 EventEmitter.emit @ async.js：79 NgZone.triggerError @ ng_zone.js：333 onHandleError @ ng_zone.js：294 t.handleError @polyfills.js：3 e.runTask @ polyfills.js：3调用@polyfills.js：3

更新

 getEventList(): any {
    return new Promise(resolve => {
      this.http.get('https://mylink.com/admin/index.php?route=api/event')
        .map(res => {
          console.log(res.headers.get('Location'));
          console.log(JSON.stringify(res.headers,null,2));
          return res.json();
        })
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });
    });
  }

Heder detail

邮递员标题：

Cache-Control →no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Connection →Keep-Alive
Content-Length →2811
Content-Type →application/json
Date →Tue, 14 Mar 2017 02:31:50 GMT
Expires →Thu, 19 Nov 1981 08:52:00 GMT
Keep-Alive →timeout=5, max=100
Pragma →no-cache
Server →Apache
X-Powered-By →PHP/5.6.26

Answer 1

响应302是重定向到不同的URL。有关响应本身的更多说明，请检查this question以及this。在浏览器的情况下，他们直接处理重定向。如果无法在服务器端更改您的响应，则可以在response.headers.location中获取重定向位置。

 return new Promise(resolve => {
      this.http.get('https://mylink.com/admin/index.php?route=api/event')
        .map(res => {console.log(res.headers.get('Location'));return res.json();})
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });

使用Ionic2提供商访问Api服务

1 个答案: