角度2中的混合内容错误

Question

我正在使用angular（ssl已启用）构建客户端，并且我的服务器未启用ssl。我收到混合内容错误。我在网上搜索解决方案，但找不到任何可以帮我解决问题的方法。我正在提供必要的信息。

组件功能：

 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);     
             }
        })
 }

服务功能：

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()); 
 }

点击登录按钮后出现以下错误：

如果我从本地主机连接服务器，整个应用程序就像一个魅力。 提前致谢

Answer 1

这可能是由于您的客户端托管在https（安全）上，但请求http（不安全）。 而您的客户端和服务器托管在不同的服务器上。