Angular 2 HTTP Service switch from https to http scheme

Question

I have the following problem:

In my angular service for retrieving data from an PHP script the browser or angular switches from https to http. My site is loaded over HTTPS with HTS so the ajax request is blocked as mixed content.

I have the following code for my ajax service:

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

@Injectable()
export class AjaxService {
    private apiUrl: string = "https://example.com/myapi/myscript";

    /**
    * @param  {Http} http HTTPService
    */
    constructor(private http: Http) { }

    /**
    * @param  {string} piece 
    */
    public getAllComponents(piece: string) {
        console.debug("Get Components for Query: " + piece);
        return this.http.get(this.apiUrl + "?compontent=" + piece).map((res: Response) => res.json());
    }

    [...]

}

When i call my page from the main page https://example.com/Angular2Application and fire an request my browser tell me the ajax request was blocked for mixed content and tells me he tried to connect to http://example.com/myapi/myscript

vidalsasoon · Accepted Answer · 2016-11-07 20:44:28Z

1

Just provide a url without the scheme. Ex:

private apiUrl: string = "//example.com/myapi/myscript";

Your browser will match the scheme of your current page so you can avoid mixed content problems.

answered Nov 7, 2016 at 20:44

vidalsasoon

4,4391 gold badge35 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Timo Reymann Over a year ago

I have already tried this and it. Gave it a try again and yeah ... it still takes the http scheme ;(

vidalsasoon Over a year ago

there's probably some sort of web server redirection then?

Timo Reymann · Accepted Answer · 2016-11-25 21:48:05Z

0

Now it works. No plan why, but ok.

Closed

answered Nov 25, 2016 at 21:48

Timo Reymann

9037 silver badges20 bronze badges

Collectives™ on Stack Overflow

Angular 2 HTTP Service switch from https to http scheme

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related