Double api call issue in Angular

Asked Jun 05 '18 at 20:11

Active Jun 05 '18 at 20:26

Viewed 181 times

I am doing an api call using get method, and i need to pass Authorization in header, when i send Authorization token, it call api two times,

here is my code,

GetCount() {
    this.token = 'AbrdhyitT09iubhgsrdhyitT09iubhgsitT09iubhgsrdhyitT09iubhgs459S';
    return this.http.get('MY-API', {
          headers: new Headers({'Authorization': this.token})
        })
}

here is my component

import {Component,ViewChild, AfterViewInit } from '@angular/core';
import {HttpService} from './services/http.service'
import {isDevMode} from "@angular/core";
@Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
})
export class AppComponent {
    constructor(private _httpService: HttpService) {

    } 
    GetData() {
        this._httpService.GetCount().subscribe((response:any) => {
            console.log(response);
        })
    }
}

when i remove Authorization from header, it do only one call

edited Jun 05 '18 at 20:26

asked Jun 05 '18 at 20:11

Muhammad Arslan

It is the normal cycle of an Ajax request – Trash Can Jun 05 '18 at 20:17
Is the first HTTP request an `OPTIONS` pre-fetch? – Reactgular Jun 05 '18 at 20:18
its a OPTION request – Muhammad Arslan Jun 05 '18 at 20:20
don't you think this is a double load on server ? – Muhammad Arslan Jun 05 '18 at 20:22
can you post your full component.ts code – yer Jun 05 '18 at 20:24
updated, when i remove Authorization, it did only one call – Muhammad Arslan Jun 05 '18 at 20:26
2

You are making an cross origin request to a web server, and the browser is performing an OPTIONS request to ask the server if it's allowed. https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS – Reactgular Jun 05 '18 at 20:30
then why it did not check when i remove Authorization – Muhammad Arslan Jun 05 '18 at 20:31
A standard `GET` request does not need a pre-fetch `OPTIONS` request to verify, but when you changed the headers the browser can no long assume the web server will allow it. https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS – Reactgular Jun 05 '18 at 20:33
why -1 ??......... – Muhammad Arslan Jun 05 '18 at 20:50
Possible duplicate of [http.get being called twice](https://stackoverflow.com/questions/42659860/http-get-being-called-twice) – yer Jun 05 '18 at 20:50

Double api call issue in Angular

0 Answers0