Question

我在angualr4 http post请求中有一个奇怪的问题，就是当我使用完整的后端服务器api URL＆＃39; http://localhost:9090/api/login＆＃39;邮寄请求没有。但当我使用简单的＆＃39; / api / login＆＃39;。使用＆＃39; http://localhost:4200/api/login＆＃39;发布请求.below是我的代码

authentication.service.ts

验证（模型）{

    console.log('this.globalConstant.apiLoginURL',this.globalConstant.apiLoginURL);

    console.log('this.apiLoginURL',this.apiLoginURL);


    let headers      = new Headers({ 'Content-Type': 'application/json' }); // ... Set content type to JSON
    let options       = new RequestOptions({ headers: headers }); // Create a request option

    let bodyString = JSON.stringify(model); // Stringify payload    


    console.log('headers==>'+headers);
    console.log('options==>'+options);
    console.log('bodyString==>'+bodyString);


    return this.http.post(this.endpoint+'/api/login', bodyString, options)
               .map(this.extractData)
               .catch(this.handleError);        


}

login.component.ts

login() {      
    this.newsDataService.authenticate(this.account)
        .subscribe(
            data => {
                this.router.navigate([this.returnUrl]);
            },
            error => {
                this.alertService.error(error);
                console.log('alertService==>'+error);                   
            },
            () => console.log("Finished") 

            );
}

Answer 1

一定是CROS问题。检查控制台日志以获取详细信息。

如果您使用Chrome，请尝试在Chrome快捷方式中添加--disable-web-security。

Disble Web Security

无法使用后端服务器在angular4中发出http post请求

1 个答案: