Angular 4:"(未知URL)的Http失败响应:0未知错误"

Question

我正在尝试使用API​​ URL.我用以下代码调用API.

import {HttpClient, HttpClientModule, HttpParams} from "@angular/common/http";

@Injectable()
export class PropertyPrefService {

    constructor(private http: HttpClient,
                private configurationService:Configuration) {}

    public searchProjects(propFilter:string):any{
        let temp:any;
        const options = propFilter ?
        {
            params: new HttpParams().set('query', propFilter)
        } : {};

        return this.http.get<any>(this.configurationService.propertySystemApiUrl, options)
                    .subscribe((results:any) => {
                        console.log(results);
                    });
    }

在Angular代码中,我没有得到任何响应,并且收到错误:

(未知网址)的Http失败响应:0未知错误".

但是,当我在Chrome上打开开发人员工具时发出请求时,我看到响应是从服务器收到的.

URL是"https:// ..."URL而不是"http:// ...".

Answer 1

问题是Angular Universal使用了Express，并且安全性验证了服务器的SSL证书。我使用了自签名SSL证书。

解决方案是添加NODE_TLS_REJECT_UNAUTHORIZED=0到您的环境中以禁用Node.js中的SSL验证。您只应在开发中进行设置；在生产中这是非常危险的。

Answer 2

您在后端和前端之间不在同一域、同一协议、同一端口中。