EXCEPTION: Response with status: 0 for URL: null in angular2

Question

I'm getting following exception, when I'm trying to connect to remote API using anguar2 http. Also my web server is receiving request and responding properly.

I'm able to make a successful curl request to the local server.

EXCEPTION: Response with status: 0 for URL: null

service.ts

getAllProducts(): Observable<string> {
      return this.http.get(this.productUrl)
      .map(this.extractData)
}

private extractData(res: Response) {
    let body = res.json();
    console.log(body)
    return body.data || { };
}

Not sure but try to do it if it works.. Chang> `Observable to Observable` and `return body.data|| {} to return body||{}` — micronyks, Jul 10 '16 at 00:00
No luck, still getting the same exception. I believe this is something to do with the response which I'm getting from server — Asif, Jul 10 '16 at 09:39

score 4 · Answer 1 · answered Nov 18 '16 at 12:56

4

I had the same error with a MEAN2 app. All I had to do was install the CORS middleware and use it with express.

answered Nov 18 '16 at 12:56

mansoor.khan

2,309
26
39

Getting same error installed and used cors Middleware, no luck, could you give working example – blackHawk Dec 14 '16 at 16:44
getting the same error with what? You should post a new question with your code. – mansoor.khan Dec 15 '16 at 04:30
already posted question, have a look http://stackoverflow.com/questions/41144243/err-connection-closed-exception-response-with-status-0-for-url-null?noredirect=1#comment69491176_41144243 – blackHawk Dec 15 '16 at 04:33
@blackHawk link is dead – Moritz Schmidt May 29 '17 at 07:58
Its old, i probably deleted, In this case i was using wrong url, thats why i was getting this issue – blackHawk May 29 '17 at 08:01

score 4 · Answer 2 · answered Apr 08 '17 at 14:07

4

Server unavailable issue, might be CORS or server went down.

answered Apr 08 '17 at 14:07

kenadet

245
5
13

2

This isn't an especially helpful answer, considering the question was asked 8 months earlier and already has an accepted answer. – Claies Apr 08 '17 at 14:19
1

@Claies, Though it has an accepted answer, the question is rather more generic! And the accepted answer might not solve the issue for every visiting user. – Ashish Ranjan May 01 '17 at 10:33
@AshishRanjan perhaps, but this doesn't provide an answer or any actionable solution. This is a theory, and is a comment at best. – Claies May 01 '17 at 12:08
Agree, should have been a comment. – Ashish Ranjan May 01 '17 at 13:23
He didn't provide a backend technology – kenadet May 02 '17 at 11:41

Asif · Accepted Answer · 2016-10-30T05:54:40.800

2

Hope this will helps someone.

The problem was with resource definition. When I'm trying to connect to remote resource using angular2 http.get, I was getting following error

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at …

FIX:

As I'm using flask-restful to build remote API, below fix solved my problem

from flask_restful.utils import cors
from flask_restful import Api

api = Api(app, decorators=[cors.crossdomain(origin='*')])

Complete source code will be available here : inventory-manager

edited Oct 30 '16 at 05:54

answered Jul 10 '16 at 11:08

Asif

479
2
6
12

Where is 'Api'? What libary should I import ? – jeongmin.cha Oct 29 '16 at 09:06
You need to import it from flask-restful package like this `from flask_restful import Api`, you can check the complete source code here https://github.com/asifpy/inventory-manager – Asif Oct 30 '16 at 05:51
Buddy, u said in question that you're trying to access your own server but no success you used cors, why? Did you implemented to block cross origin request on your own server? Buddy i made my own server api(mean application)with express but getting same error, no luck – blackHawk Dec 14 '16 at 16:42

EXCEPTION: Response with status: 0 for URL: null in angular2

3 Answers3

Linked