typescript - Fel på blandat innehåll i angular 2

Jag har en klient som är byggd med Angular (SSL aktiverat) och min server har inte SSL aktiverat. Jag får ett fel om blandat innehåll. Jag har sökt efter lösning online men kunde inte hitta något som kan hjälpa mig att lösa det. Jag tillhandahåller nödvändig information.

Komponentfunktion :

 onSubmit(form:NgForm) {

       this.subscription = this._validation.validation({
            cell_no: form.value.cell_no, pass: form.value.password,
            username: this._common.getConnData().username, password:this._common.getConnData().password
        })
        .subscribe(res => {
             if(typeof res == 'string') // invalid access attempt
             {
                   this.invalid_access = true;
             }
             else // login successful 
             {    
                console.log(res);     
             }
        })
 }

Tjänstefunktion :

validation(data:{})
{
    const body = JSON.stringify(data);
    const headers = new Headers();      
    headers.append('Content-Type', 'application/json');

    return this._http.post(this._common.getBaseUrl()+"doctor_panel_api/validation_modified/format/json",
    body, {headers: headers})
    .map(res => res.json()); 
 }

Jag får följande fel efter att ha klickat på inloggningsknappen:

Hela appen fungerar utmärkt om jag kopplar servern från min localhost. Tack på förhand

Svar #1

Det kan bero på att din klient är hostad på https (säkert) men gör förfrågningar till http (osäkert). Och din klient och server är hostade på olika servrar.