我需要发布带有其余API调用的网址。它在angular 1.6中工作,但无法在Angular 7中发布

时间:2019-04-22 12:33:41

标签: angular typescript rest http

我需要将角度为7的网址发布到服务器,但是在角度为1.6的情况下会出现一些“被CORS策略阻止”的错误

由于:CORS策略阻止对XMLHttpRequest的访问:对预检请求的响应未通过访问控制检查:它没有HTTP正常状态。

return this.http.post<Driver>(url, this.emailAttributeObject, {
                    headers : new HttpHeaders({
                        'Content-type' : 'application/json'
                    })
                })
                    .pipe(
                        catchError(this.handleError('driverDetails', driverDetails))
                    );

component file:
this.myDataService.sendEmail(this.driverDetails, this.initialValue)
            .subscribe((response : Driver) => {
                    //this.driverDetails = response;
                }, error =>
                    this.toastr.error(error.message,"Problem to send Email")
            )

service file:
return this.http.post<Driver>(url, this.emailAttributeObject, {
                    headers : new HttpHeaders({
                        'Content-type' : 'application/json'
                    })
                })
                    .pipe(
                        catchError(this.handleError('driverDetails', driverDetails))
                    );

2 个答案:

答案 0 :(得分:1)

您可以使用代理配置来绕过此问题。您可以在此处https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md

详细了解

答案 1 :(得分:0)

在开发环境中,可以禁用Web安全性。 对于chrome,请使用以下命令:

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security