Angular2 http获取请求结果为404 [英] Angular2 http get request results into 404

问题描述

尝试在中运行简单的http get调用=nofollow> https://angular.io/docs/ts/latest/tutorial/toh-pt6.html

此处： https://angular.io/resources/live-examples/toh-6/ ts / plnkr.html

private heroesUrl = 'http://www.mocky.io/v2/575ed63f1100004f1b2992f4';  // URL to web api

  constructor(private http: Http) { }

  getHeroes(): Promise<Hero[]> {
    this.http.get(this.heroesUrl)
               .toPromise()
               .then(response => response.json().data)
               .catch(this.handleError);
  }

我还尝试了我的本地服务器网址，例如 http ：// localhost：5000 / api

I also tried my local server url such as http://localhost:5000/api

但没有任何效果，控制台显示

VM2510 hero.service.ts!transpiled:66 An error occurred Response {_body: Object, status: 404, ok: false, statusText: "Not Found", headers: Headers…}

完成例外

EXCEPTION：错误：未捕获（在承诺中）：[object Object]
platform-b​​rowser.umd.js：962 EXCEPTION：错误：未捕获（在promise）：[object Object] BrowserDomAdapter.logError @ platform-b​​rowser.umd.js：962BrowserDomAdapter.logGroup @ platform-b​​rowser.umd.js：972ExceptionHandler.call @ core.umd.js：3696（匿名函数）@core.umd .js：8951schedulerFn @ core.umd.js：6007SafeSubscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber.next @ Subscriber.ts:192Subscriber._next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNe xt @ Subject.ts:154Subject._next @ Subject.ts:144Subject.next @ Subject.ts:90EventEmitter.emit @core.umd.js:5996onError @ core.umd.js:6227onHandleError @ core.umd.js:6096ZoneDelegate。 handleError @ zone.js@0.6.12?main = browser：327Zone.runGuarded @ zone.js@0.6.12?main = browser：233_loop_1 @ zone.js@0.6.12?main = browser：487drainMicroTaskQueue @ zone.js @ 0.6.12？main =浏览器：494ZoneTask.invoke @ zone.js@0.6.12？main =浏览器：426
platform-b​​rowser.umd.js：962 STACKTRACE：BrowserDomAdapter.logError @ platform-b​​rowser.umd。 js：962ExceptionHandler.call @ core.umd.js：3698（匿名函数）@ core.umd.js：8951schedulerFn @core.umd.js：6007SafeSubscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber.next @ Subscriber.ts:192Subscriber。 _next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNext @ Subject.ts:154Subject._next @ Subject.ts:144Subject.next @ Subject.ts:90EventEmitter.emit @ core.umd.js：5996onError @ core.umd.js：6227onHandleError @ core.umd.js：6096ZoneDelegate.handleError @ zone.js@0.6.12?main = browser：327Zone.runGuarded @ zone.js@0.6.12?main = browser：233_loop_1 @ zone.js@0.6.12?main = browser：487drainMicroTaskQueue @ zone.js@0.6。 12？main =浏览器：494ZoneTask.invoke @ zone.js@0.6.12？main =浏览器：426
platform-b​​rowser.umd.js：962错误：未捕获（在承诺中）：[object Object]
at resolvePromise（zone.js@0.6.12？main = browser：538）
at resolvePromise（zone.js@0.6.12？main = browser：523）
at zone.js@0.6 .12？main =浏览器：571
在ZoneDelegate.invokeTask（zone.js@0.6.12？main = browser：356）
at Object.onInvokeTask（core.umd.js：6066）
在ZoneDelegate.invokeTask（zone.js@0.6.12？main = browser：355）
在Zone.runTask（zone.js@0.6.12？main = browser：256）
在drainMicroTaskQueue （zone.js@0.6.12?main = browser：474）
，XMLHttpRequest.ZoneTask.invoke（zone.js@0.6.12？main = browser：426）BrowserDomAdapter.logError @ platform-b​​rowser.umd。 js：962ExceptionHandler.call @ core.umd.js：3699（匿名函数）@ core.umd.js：8951sch edulerFn @ core.umd.js：6007SafeSubscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber.next @ Subscriber.ts:192Subscriber._next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNext @ Subject.ts:154Subject。 _next @ Subject.ts:144Subject.next @ Subject.ts:90EventEmitter.emit @core.umd.js：5996onError @ core.umd.js：6227onHandleError @ core.umd.js:6096ZoneDelegate.handleError @ zone.js@0.6。 12？main =浏览器：327Zone.runGuarded @ zone.js@0.6.12？main =浏览器：233_loop_1 @ zone.js@0.6.12？main =浏览器：487drainMicroTaskQueue @ zone.js@0.6.12?main=browser： 494ZoneTask.invoke @ zone.js@0.6.12?main = browser：426
zone.js@0.6.12?main = browser：461未处理承诺拒绝：响应{_body：对象，状态：404，确定： false，statusText：Not Found，header：Headers ...};区域：角;任务：Promise.then;值：响应{_body：对象，状态：404，ok：false，statusText：未找到，标题：标题...} consoleError @ zone.js@0.6.12？main =浏览器：461_loop_1 @ zone.js@0.6。 12？main = browser：490drainMicroTaskQueue @ zone.js@0.6.12?main = browser：494ZoneTask.invoke @ zone.js@0.6.12?main = browser：426
zone.js@0.6.12?main =浏览器：463错误：未捕获（承诺）：[对象]（...）

任何帮助将不胜感激。

Any help would be much appreciated.

推荐答案

我刚从其他论坛和示例中了解到我们应该使用jsonp来访问跨域休息。
，例如 http://plnkr.co/edit/0dFCzRdmBwcT99WR5Lbd?p=preview

I just got to know from other forums and examples that we should use jsonp to access crossdomain rests. e.g. http://plnkr.co/edit/0dFCzRdmBwcT99WR5Lbd?p=preview

@Component

@Component

import {JSONP_PROVIDERS}  from 'angular2/http';
...
..
 providers:[JSONP_PROVIDERS]

在服务中：

import {Jsonp, URLSearchParams} from 'angular2/http'; 

这篇关于Angular2 http获取请求结果为404的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！